首页 > 代码库 > jquery操作复选框(checkbox)的12个小技巧总结
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=http://www.mamicode.com/‘1‘]").attr(‘checked‘,‘true‘); 8、删除Value=http://www.mamicode.com/1的checkbox"input:checkbox[value=http://www.mamicode.com/‘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); });
jquery操作复选框(checkbox)的12个小技巧总结
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。