前端之家收集整理的这篇文章主要介绍了
jquery操作复选框(checkbox)功能实例，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
感兴趣jquery操作复选框(check
Box)
功能实例的小伙伴，下面一起跟随编程之家 jb51.cc的小编来看看吧。<br>
/** * @param * @author 编程之家 jb51.cc jb51.cc**///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,'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,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);});
