JavaScript設定checkbox核取方塊選中狀態

admin發表於2018-02-06
JavaScript
下面是一個最為簡單的將設定為選中狀態和取消選中狀態的程式碼。

程式碼例項如下：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>核取方塊問題</title>  
<script type="text/javascript">
window.onload=function(){
  var ck1=document.getElementById("ck1");
  var ck2=document.getElementById("ck2");
  ck1.checked=false;
  ck2.checked=true;
}
</script>  
</head>  
<body>  
  <input type="checkbox" checked="checked" id="ck1">選中狀態<br/>
  <input type="checkbox" id="ck2">沒有選中狀態
</body>  
</html>

將核取方塊的checked屬性值設定為false是取消選中，設定為true為選中狀態。

相關文章