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

时间:2020-05-14 人气:0

之前总结了一下关于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判断复选框是否被选中的方法》结合起来一起学习，一定会有意想不到的收获！

加载全部内容