Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery获取checkbox的操作总结

jquery获取checkbox的操作总结

发布时间:2011-11-27   编辑:www.jquerycn.cn
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获取checkbox的操作总结
jquery操作复选框(checkbox)的12个小技巧总结
jquery 判断checkbox(复选框)是否被选中
JQuery对checkbox操作 (循环获取)
使用jquery 获取值的方法
jquery 获取第一个元素的方法
jquery遍历checkbox简单示例
jquery获取form表单元素值的实例
jquery判断checkbox是否选中的代码参考
php获取checkbox值

关键词: jquery  jquery  教程  获取  checkbox   
[关闭]