JavaScript设置checkbox复选框选中状态

快乐打工仔 分类:实例代码

JavaScript设置checkbox复选框选中状态属于前端实例代码,有关更多实例代码大家可以查看

下面是一个最为简单的将设置为选中状态和取消选中状态的代码。

代码实例如下:

<!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为选中状态。

JavaScript设置checkbox复选框选中状态,这样的场景在实际项目中还是用的比较多的,关于JavaScript设置checkbox复选框选中状态就介绍到这了。

回复

我来回复
  • 暂无回复内容