DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript判斷復選框是否選中的方法
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判斷復選框是否被選中的方法》結合起來一起學習,一定會有意想不到的收獲!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved