好资源导航 » 文章资讯 » jquery操作checkbox的常用方法总结【附测试源码下载】

jquery操作checkbox的常用方法总结【附测试源码下载】

2023-08-22 11:52:04 66

本文实例讲述了jquery操作checkbox的常用方法。分享给大家供大家参考，具体如下：

做系统的过程中，与checkbox复选框打交道，是难免的，而且在每个系统中，简直是必不可少的一道菜，通常的操作有一下几种：

1.用jquery全部选择checkbox
2.用jquery全部取消checkbox
3.用jquery实现checkbox反选
4.用jquery获取所有已选择checkbox的值。

现在将这些常用的操作总结在一个例子中，方便以后查询,不愿意看代码的，也可以下载源码运行测试。





yihaomen.comjquerycheckbox测试



$(function(){
/*全选或全不选*/
$("#controlall").click(function(){
$('input[name="selectdivision"]').attr("checked",this.checked);
});
var$subBox=$("input[name='selectdivision']");
$subBox.click(function(){
$("#controlall").attr("checked",$subBox.length==$("input[name='selectdivision']:checked").length?true:false);
});
/*反选*/
varreverseBtn=$('#reverseselect');
reverseBtn.click(function(){
$("[name='selectdivision']").each(function(){
if($(this).attr("checked"))
{
$(this).removeAttr("checked");
}
else
{
$(this).attr("checked",'true');
}
})
});
/*得到所有值*/
vargetvalueBtn=$('#getValButton');
getvalueBtn.click(function(){
varval_array=[];
$("input:checkbox[name=selectdivision]:checked").each(function(){
val_array.push(parseInt($(this).val()));
});
alert(val_array.join());
});
});






全选/全不选







1



2



3



4



5



6

源码点击此处本站下载。

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery表格(table)操作技巧汇总》、《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQueryform操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

jquery操作checkbox的常用方法总结【附测试源码下载】

热门推荐

随机推荐