本文目录一览：
- 1、用Javascript动态创建CheckBox
- 2、动态生成checkBox如何触发事件
- 3、js动态生成的checkbox取值和选中事件
- 4、我要用js动态生成一个checkbox，并且checkbox的value值是动态变化的，例如checkbox被选中时value值等于1。
- 5、如何用js动态生成checkboxList
用Javascript动态创建CheckBox
比如在某个div id="a"/div
里面添加一个checkBox
document.getElementById("a").innerHTML = "input type='checkbox' checked /";
动态生成checkBox如何触发事件
你在page_load的时候动态生成的checkbox吧如： void Page_Load(object sender, EventArgs e)
{............
CheckBox cbox = new CheckBox(); //cbox ....生成具体的checkbox .......
}事件在放在外面了如change事件： void cbox.CheckedChanged(object sender, EventArgs e)
{//你的事件内容
}
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
我要用js动态生成一个checkbox，并且checkbox的value值是动态变化的，例如checkbox被选中时value值等于1。
script type="text/javascript"
function createCheckBox(){
var cbox = document.createElement("input");
cbox.type="checkbox";
cbox.value = "0";
cbox.onclick = function(e){
this.value = this.checked ? "1" : "0";
}
document.body.appendChild(cbox);
}
window.onload = createCheckBox();
/script
*****注意*****
程序只为说明问题,并未做任何兼容处理与防内存泄漏(针对IE低版本).具体情况需具体分析.
如何用js动态生成checkboxList
td colspan="3" class="clearWidth" style="text-align:left;"span id="ctl00_cphDisplay_cblstPosition" onclick="checkSelectCount(this);"input id="ctl00_cphDisplay_cblstPosition_0" type="checkbox" name="ctl00$cphDisplay$cblstPosition$0"label for="ctl00_cphDisplay_cblstPosition_0"机动车道/labelinput id="ctl00_cphDisplay_cblstPosition_1" type="checkbox" name="ctl00$cphDisplay$cblstPosition$1"label for="ctl00_cphDisplay_cblstPosition_1"步行道/labelinput id="ctl00_cphDisplay_cblstPosition_2" type="checkbox" name="ctl00$cphDisplay$cblstPosition$2"label for="ctl00_cphDisplay_cblstPosition_2"非机动车道/labelinput id="ctl00_cphDisplay_cblstPosition_3" type="checkbox" name="ctl00$cphDisplay$cblstPosition$3"label for="ctl00_cphDisplay_cblstPosition_3"盲道/labelinput id="ctl00_cphDisplay_cblstPosition_4" type="checkbox" name="ctl00$cphDisplay$cblstPosition$4"label for="ctl00_cphDisplay_cblstPosition_4"混行道/labelinput id="ctl00_cphDisplay_cblstPosition_5" type="checkbox" name="ctl00$cphDisplay$cblstPosition$5"label for="ctl00_cphDisplay_cblstPosition_5"其它/label/span/td
