javascript判断复选框是否选中的方法

2019-11-20 11:27:22

字体：大中小

来源：转载

供稿：网友

之前总结了一下关于jquery如何判断复选框是否选中的问题，今天总结如何判断js复选框是否选中
javascript判断复选框是否选中，下面通过例子来说明（现在有如下的一组复选框）：

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

获取 name=fruit 的一组复选框的值的方法如下：

<script language="javascript"> function checkbox(){   var str=document.getElementsByName('fruit');   var strstrLen=str.length;   var checkVal='';   for (i=0;i<strLen;i++){     if(str[i].checked==true){       checkVal+=str[i].value+',';     }   }   if(checkVal==''){     alert("请先选择复选框～！");   }else{     alert("复选框的值是："+checkVal);   } } </script>

与之前《jquery判断复选框是否被选中的方法》结合起来一起学习，一定会有意想不到的收获！

上一篇：基于jQuery实现的菜单切换效果

下一篇：jquery判断复选框是否被选中的方法