jquery判断复选框checkbox是否选中的简单示例

发布时间:2020-04-28编辑:脚本学堂
本文介绍下,用jquery判断页面中的checkbox复选框是否选中的一例代码,有需要的朋友,作个参考吧。

以前都是用javascript来判断页面中的checkbox复选框,本节介绍下用jquery实现的一段代码。

1,页面内容部分:

<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" />葡萄

2,使用 Jquery 获取 name=fruit 的一组复选框的值。

<script>
/**
* 获取复选框checkbox是否选中
* edit by www.jb200.com
* 2013/7/3
*/
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('没有选中任何选项');
}
</script>

说明:
注意在代码中引入外部jquery文件。