js动态生成的checkbox取值和选中事件

<script type="text/javascript">

window.onload = function() {

// 创建 input 元素

var checkbox = document.createElement("input")

checkbox.type = "checkbox"

checkbox.value = "123"

// 页面添加 checkbox

document.body.appendChild(checkbox)

// 点击

checkbox.onclick = function() {

if(this.checked) {

alert("选中")

}

else {

alert("未选中")

}

alert("value: " + this.value)

}

}

</script>

1、动态创建元素时，将事件触发方式加入到元素创建中

例如：

document.getElementById('id').innerHTML='<input type="button" onclick="btnClick()" value="aaa"/>'

function btnClick(){

    alert('事件触发')

}

2、动态创建元素完成后，重新获取该元素绑定事件

例如：

document.getElementById('id').innerHTML='<input type="button" id="btn" />'

document.getElementById('btn').onclick=function(){

    alert('事件触发')

}

---