jquery判断复选框是否被选中

不久前总结了一下关于 javascript 如何判断复选框是否选中的问题,由于最近使用 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. }) 

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

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

这种方法是同过JQuery来获取结果,还有用js获取的,请参考JS判断复选框是否选中实例

转载请注明:代码家园 » jquery判断复选框是否被选中

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)