JavaScript动态创建checkbox复选框

可以利用JavaScript动态创建一个checkbox复选框，并且将其设置为选中状态。

代码实例如下：

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript"> 
window.onload=function(){
  var bt=document.getElementById("bt");
  bt.onclick=function(){
    var chk=document.createElement("input"); 
    chk.setAttribute("type","checkbox"); 
    chk.setAttribute("checked",true); 
    document.body.appendChild(chk); 
  }
}
</script> 
</head> 
<body>
<input type="button" id="bt" value="添加复选框"/>
</body> 
</html>

以上代码在IE8和IE8以上浏览器或者其他标准浏览器中没有任何问题，都能够创建一个复选框，并将其设置为选中状态，但是在IE8以下只能够创建复选框，不能够将其设置为选中状态，解决方案如下：

[ 其他 ] 运行代码下载代码

<script>
document.body.appendChild(chk);
chk.setAttribute("checked",true);
</script>

代码描述：JavaScript创建 checkbox复选框。JavaScript动态创建checkbox复选框

下载全部收藏

192 256

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册

522688

作品：1334 | 粉丝：44

关注

TA的相关作品 >>更多

热搜关键词

JavaScript动态创建checkbox复选框

JavaScript点击文本框清除默认文本代码下载

JavaScript鼠标离开文本验证

js文本框输入同步效果代码下载

JavaScript当文本框失去焦点即进行表单验证简单实例

js实现文本框提示代码实例

js获取checkbox复选框源码下载