您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

jquery操作复选框的12个小技巧总结

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 本篇文章主要是对jquery操作复选框(checkbox)的12个小技巧进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助

1、获取单个checkbox选中项(三种写法) $("input:checkbox:checked").val() 或者 $("input:[type='checkbox']:checked").val(); 或者 $("input:[name='ck']:checked").val();   2、 获取多个checkbox选中项 $('input:checkbox').each(function() {         if ($(this).attr('checked') ==true) {                 alert($(this).val());         } });   3、设置第一个checkbox 为选中值 $('input:checkbox:first').attr("checked",'checked'); 或者 $('input:checkbox').eq(0).attr("checked",'true');   4、设置最后一个checkbox为选中值 $('input:radio:last').attr('checked', 'checked'); 或者 $('input:radio:last').attr('checked', 'true');   5、根据索引值设置任意一个checkbox为选中值 $('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2.... 或者 $('input:radio').slice(1,2).attr('checked', 'true');   6、选中多个checkbox同时选中第1个和第2个的checkbox $('input:radio').slice(0,2).attr('checked','true');   7、根据Value值设置checkbox为选中值 $("input:checkbox[value='1']").attr('checked','true');   8、删除Value=1的checkbox $("input:checkbox[value='1']").remove();   9、删除第几个checkbox $("input:checkbox").eq(索引值).remove();索引值=0,1,2.... 如删除第3个checkbox: $("input:checkbox").eq(2).remove();   10、遍历checkbox $('input:checkbox').each(function (index, domEle) { //写入代码 });   11、全部选中 $('input:checkbox').each(function() {         $(this).attr('checked', true); });   12、全部取消选择 $('input:checkbox').each(function () {         $(this).attr('checked',false); });   您可能感兴趣的文章: JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码) jQuery判断checkbox是否选中的小例子 JQuery对checkbox操作 (循环获取)