auto.jscheckbox動態生成事件的簡單介紹

本文目錄一覽：

• 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