提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

Jquery遍历checkbox获取选中项value值的方法

jQuery遍历方法 获取 value 选中 checkbox
2023-06-13 09:15:17 时间
源码：
复制代码代码如下:

jQuery(function($){
$("input[name="key"]:checkbox").click(function(){
varids="";
varflag=0;
$("#ids").attr("value",ids);
$("input[name="key"]:checkbox").each(function(){
if(true==$(this).attr("checked")){
ids+=$(this).attr("value")+",";
flag+=1;
}
});
if(0<flag){
$("#ids").attr("value",ids);
returntrue;
}else{
alert("请至少选择一项！");
returnfalse;
}
});
});

本源码的功能：

获取name=‘key"的复选框的值，将选中项的value写到隐藏域<inputtype="hidden"name="ids"id="ids"value=""/>的表单中。

核心语句：
复制代码代码如下:

$("input[name="key"]:checkbox").each(function(){
if(true==$(this).attr("checked")){
ids+=$(this).attr("value")+",";
}
});

在HTML中，如果一个复选框被选中，对应的标记为checked="checked"。但如果用jqueryalert($("#id").attr("checked"))则会提示您是"true"而不是"checked"，所以判断if("checked"==$("#id").attr("checked"))是错误的，应该如上面那样书写：if(true==$("#id").attr("checked"))

相关文章