javascript判斷複選框是否選取的方法_javascript技巧

之前總結了一下關於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判斷複選框是否被選中的方法》結合起來一起學習，一定會有意想不到的收穫！