本文目录一览：
- 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
原创文章，作者：IWXC，如若转载，请注明出处：https://www.506064.com/n/145982.html
微信扫一扫 
支付宝扫一扫 