JS判断复选框是否选中实例

javascript判断复选框是否选中,下面通过例子来说明(现在有如下的一组复选框):

  1. <input type="checkbox" name="fruit" value="apple" />苹果 
  2. <input type="checkbox" name="fruit" value="orange" />橘子 
  3. <input type="checkbox" name="fruit" value="banana" />香蕉 
  4. <input type="checkbox" name="fruit" value="grape" />葡萄 

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

  1. <script language="javascript"> 
  2. function checkbox(){ 
  3.     var str=document.getElementsByName('fruit'); 
  4.     var strstrLen=str.length; 
  5.     var checkVal=''
  6.     for (i=0;i<strLen;i++){ 
  7.         if(str[i].checked==true){ 
  8.             checkVal+=str[i].value+','; 
  9.         } 
  10.     } 
  11.     if(checkVal==''){ 
  12.         alert("请先选择复选框~!"); 
  13.     }else{ 
  14.         alert("复选框的值是:"+checkVal); 
  15.     } 
  16. </script> 

转载请注明:代码家园 » JS判断复选框是否选中实例

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)