不久前总结了一下关于 javascript 如何判断复选框是否选中的问题,由于最近使用 Jquery 比较多,于是乎又想把 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判断复选框是否选中实例
零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。