jquery获取checkbox的操作有很多,比如获取值,选中,反选,jquery获取checkboxbox主要还是要熟练jquery选择器的使用
使用jquery 获取checkbox一般使用 name 来获取,因为在 form 表单中,同一组的 checkbox 的 name 是相同的,所以我们可以通过下面的代码来获取 checkbox
$('input[name="demo"]:checkbox');
意思是要获取 name 为 demo 的所有 checkbox 选项,如果我们要将其选中可以这样写:
$('input[name="demo"]:checkbox').attr('checked','true');
也就是将这个 checkbox 元素的 checked 属性的值设为 true,如果你对 jquery设置属性值不明白,可以查看 http://www.jquerycn.cn/a_80
由于我们通常获取 checkbox 获取的是多个,如果我们要获取选中的 checkbox 的值,就要确定是要获取哪个 checkbox 的值,如果这样写:
$('input[name="demo"]:checked').val()
这样写是获取了所有选中的 checkbox 中第一个 checkbox 的值,如果要获取所有的 checkbox 的值,我们可以用 eq() 方法来获取每一个的值,比如:
$('input[name="demo"]:checked').eq(0).val();
$('input[name="demo"]:checked').eq(1).val();
当然你还可以添加更多的筛选项来,个性化的获取想要的checkbox,比如 :even,:odd 筛选项来获取,第奇数个或第偶数个 checkbox 想,总是 jquery 获取 checkbox 还是很方便的
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jQuery