JavaScript 原生态js如何操作复选框呢?


摘要:
下文通过举例的方式讲述js操作checkbox的方法,如下所示:


实现思路:
通过操作DOM对象的checked属性为false和true,达到”选中”和”取消选中”状态的切换

例:

  
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)
---javascript操作checkbox对象为选中和取消选中状态
</title>
<style type="text/css">
input{
  width:80px;
  height:20px;
}
</style>  
<script>
window.onload=function(){
 
  let ck=document.getElementById("chkTest");
  let b1 = document.getElementById("btn1");
  let b2 = document.getElementById("btn2"); 
   
  b1.onclick = function(){
 	  ck.checked = true;
  }  
  
 b2.onclick = function(){
 	  ck.checked = false;
  }   
}  
 
</script>  
</head>
<body>
<p>
 www.maomao365.com <br/>
checkbox--javascript操作举例说明
</p>
  <input type="checkbox" id="chkTest"> 
 <input type="button" value="选中"  id="btn1"  />
 <input type="button" value="取消选中" id="btn2" />

 </body>
</html> 
javascript原生态js脚本操作checkbox复选框的方法分享

javascript原生态js脚本操作checkbox复选框的方法分享