欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

总结jquery判断复选框是否被选中实例

程序员文章站 2022-03-09 14:37:31
...
jquery 判断复选框是否选中以及如何选中的问题做一下总结。
进入正题,还是当页面有如下一组复选框的时候:

<input type="checkbox" name="fruit" value="apple" />苹果

<input type="checkbox" name="fruit" value="orange" />橘子

<input type="checkbox" name="fruit" value="banana" />香蕉

<input type="checkbox" name="fruit" value="grape" />葡萄

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

var checkVal='';

$("input[name='fruit']:checkbox").each(function(){

if($(this).attr('checked')){

checkVal+=$(this).val()+',';

}

})

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

var flag=false;

$("input[name='fruit']:checkbox").each(function(){

if($(this).attr('checked')){

flag=true;

}

})

if(flag){

alert('有被选中');

}else{

alert('没有选中任何选项');

}

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

以上就是总结jquery判断复选框是否被选中实例的详细内容,更多请关注其它相关文章!