掌握JQuery技巧：轻松判断复选框选中状态

人亦已歌

掌握JQuery技巧：轻松判断复选框选中状态

不久前总结了一下关于 JavaScript 如何判断复选框是否选中的问题，由于最近使用 Jquery 比较多，于是乎又想把 jquery 判断复选框是否选中以及如何选中的问题也做一下总结。

进入正题，还是当页面有如下一组复选框的时候：

2. <input type="checkbox" name="fruit" value="apple" />;苹果
3. <input type="checkbox" name="fruit" value="orange" />;橘子
4. <input type="checkbox" name="fruit" value="banana" />;香蕉
5. <input type="checkbox" name="fruit" value="grape" />;葡萄

复制代码

那么使用 Jquery 获取 name=fruit 的一组复选框的值的方法如下：

2. var checkVal='';
3. $("input[name='fruit']:checkbox").each(function(){
4. if($(this).is(':checked')){
5. checkVal+=$(this).val()+',';
6. }
7. })

复制代码

判断 name=fruit 组的复选框是否有被选中的选项：

2. var flag=false;
3. $("input[name='fruit']:checkbox").each(function(){
4. if($(this).is(':checked')){
5. flag=true;
6. }
7. })
8. if(flag){
9. alert('有被选中');
10. }else{
11. alert('没有选中任何选项');
12. }

复制代码