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

Z时代
2024-01-10
分类：综合

之前总结了一下关于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>