获取checkbox选中个数的方法如下:
$('div input[type=checkbox]:checked')length
解释:
div选择div标签
div input选择所有div中的所有input标签(包括radio、checkbox、hidden等)
div input[type=checkbox]选择所有div中所有的复选框(checkbox),其中[type=checkbox]为属性选择器,会选择type属性为checkbox的元素
div input[type=checkbox]:checked选择所有div下被勾选的checkbox,其中:checked表示为勾选状态
length可以取到选择器结果的条数,即div中checkbox为选中状态的元素个数
这是拼table的代码
for ( var i = 0; i < totalCount; i++) {
var prodHtml = "";
prodHtml +="<tr>";
prodHtml +=" <td class='center'><label><input type='checkbox' class='ace' /><span class='lbl'></span></label></td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]prodCode+"</td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]prodName+"</td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]price+"</td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]prodType+"</td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]backFlag+"</td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]custodyFlag+"</td>";
prodHtml +=" <td></td>";
prodHtml += "</tr>";
$('#selectedProds')append(prodHtml);
}
这是点击下一步按钮时候的方法:
function xiayibu(){
需要获取到上面table中checkbox选中的行的值,并再使用上面的方法在另一个页面中重新显示一遍
}
全选:
$(":checkbox")attr("checked","checked");
全不选:
$(":checkbox")removeAttr("checked");
反选:
$(":checkbox:checked")removeAttr("checked");
$(":checkbox:not(:checked)")attr("checked","checked");
全手写,没有经过测试。
完整代码如下,测试通过:
<html><head>
<title>如何用jQuery实现checkbox全选</title>
<script src="jquery-171minjs"></script>
<script type="text/javascript">
//全选,全不选
function allSelect() {
if ($(":checkbox")attr("checked") != "checked") {
$(":checkbox")attr("checked", "checked");
}
else {
$(":checkbox")removeAttr("checked");
}
}
//反选
function otherSelect() {
$(":checkbox")each(function () {
if ($(this)attr("checked") == "checked") {
$(this)removeAttr("checked");
}
else {
$(this)attr("checked", "checked");
}
});
}
</script>
</head>
<body>
<input id="Checkbox1" type="checkbox" />
<input id="Checkbox2" type="checkbox" />
<input id="Checkbox3" type="checkbox" />
<input id="Checkbox4" type="checkbox" />
<input id="Checkbox5" type="checkbox" />
<input id="Button1" type="button" value="全选" onclick="allSelect();" />
<input id="Button3" type="button" value="反选" onclick="otherSelect();" />
</body>
</html>
Jquery获取 check所有选中的值
var pausedCause = '';
$(":checkbox[name='pausedCause'][checked]")each(function(){
pausedCause += thisvalue + ',';
})
pausedCause = pausedCausesubstring(0,pausedCauselength-1);
可以参考下面的代码:
$(document)ready(function(){
varchecked=[];
$("#submitButton")click(function(){
$('input:checkbox:checked')each(function(){
checkedpush($(this)val());
});
alert(checked);
});
});
扩展资料:
jquery参考函数
$(”元素名称”)html(”<b>new stuff</b>”); 给某元素设置内容
$(”元素名称”)removeAttr(”属性名称”) 给某元素删除指定的属性以及该属性的值
$(”元素名称”)removeClass(”class”) 给某元素删除指定的样式
$(”元素名称”)text(); 获得该元素的文本
$(”元素名称”)text(value); 设置该元素的文本值为value
参考资料来源:百度百科-jQuery
以上就是关于jquery 如果设置选中所有的name为'abc'的checkbox全部的内容,包括:jquery 如果设置选中所有的name为'abc'的checkbox、jquery 如何获取table里面的checkbox、如何用jQuery实现checkbox全选等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)