以前都是用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文件。