javascript如何判斷checkbox核取方塊是否被選中

admin發表於2017-02-20
JavaScript

核取方塊自然是常用的網頁元素之一，有時候我們需要根據核取方塊是否被選中來執行相應的程式碼，下面就介紹一下如何判斷一個核取方塊是否被選中，程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" />
<head>
<title>如何檢測一個核取方塊是否被選中-螞蟻部落</title> 
<script type="text/javascript"> 
window.onload=function(){
  var checkboxs=document.getElementsByName("mycheck");
  for(var i=0;i<checkboxs.length;i++){
    if(checkboxs[i].checked){
      alert("被選中了");
    }
    else{
      alert("沒有被選中");
    }
  }
}
</script> 
</head> 
<body> 
<input type="checkbox" name="mycheck" checked /> 
<input type="checkbox" name="mycheck"/> 
<input type="checkbox" name="mycheck" checked /> 
<input type="checkbox" name="mycheck"/> 
<input type="checkbox" name="mycheck"/> 
</body> 
</html> 
</i>

以上程式碼實現了測試各個checkbox核取方塊是否被選中效果，主要判斷核取方塊的checked屬性是否為true，如果為true就是被選中，否則沒有被選中，程式碼非常的簡單，這裡就不多介紹了。

相關文章