首页 > 语言 > JavaScript > 正文

jquery判断复选框是否被选中的方法

2024-05-06 16:24:40
字体:
来源:转载
供稿:网友

这篇文章主要介绍了jquery判断复选框是否被选中的方法,需要的朋友可以参考下

jquery 判断复选框是否选中以及如何选中的问题做一下总结。

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

 

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

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

 

 
  1. var checkVal='';  
  2. $("input[name='fruit']:checkbox").each(function(){  
  3. if($(this).attr('checked')){  
  4. checkVal+=$(this).val()+',';  
  5. }  
  6. })  
  7. 判断 name=fruit 组的复选框是否有被选中的选项: 
  8. var flag=false;  
  9. $("input[name='fruit']:checkbox").each(function(){  
  10. if($(this).attr('checked')){  
  11. flag=true;  
  12. }  
  13. })  
  14. if(flag){  
  15. alert('有被选中');  
  16. }else{  
  17. alert('没有选中任何选项');  
  18. }  

以上就是jquery判断复选框是否被选中的方法,希望对大家的学习有所帮助,还有用js获取的,请参考《JS判断复选框是否选中实例》

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选