js動態添加checkbox標籤,js的checkbox

本文目錄一覽：

• 1、ajax怎麼獲取js動態添加的標籤的值
• 2、如何用js動態生成checkboxList
• 3、js 這裡的複選框是怎麼加上去的？
• 4、用Javascript動態創建CheckBox

ajax怎麼獲取js動態添加的標籤的值

你要獲取的是選中的checkbox值是吧？那你這樣寫，名為頭圖的給一個name，別的都給一個name.

這樣寫：

input name=”checkbox1″ type=”checkbox” value=”頭圖” /頭圖

input name=”checkbox1″ type=”checkbox” value=”頭圖” /頭圖

input name=”checkbox1″ type=”checkbox” value=”頭圖” /頭圖

剩下的幾個同理。

想取得值，這樣寫：

var checkbox1 = document.getElementsByName(“checkbox1”);

var checkboxAll1=””;

for(var i=0;icheckbox1.length;i++){

if(checkbox1[i].checked){

checkboxAll1+=checkbox1[i].value+”,”//將選中的值拼接，用「，」隔開

}

}

這裡checkboxAll1就是你頭圖的所有選中的值，你把這個值傳到action中處理，只要獲得這個值，然後checkboxAll1.split(“,”);得到一個數組，數組元素就是你要的結果，然後遍曆數組就可以了。

如果你每一個都有id，可以用js：

document.getElementById(這裡是id值).value；

或者：$(“#後邊是id”).val();就可以取到，但是這樣不能判斷你獲取的值已經選中。你還需要挨個判斷，所以，用我上邊的方法，用for循環判斷可以提高效率。希望對你有幫助。

如何用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

js 這裡的複選框是怎麼加上去的？

這個是瀏覽器的功能,並不是你可以通過代碼控制的.在IE下你就看不到這個複選框

用Javascript動態創建CheckBox

比如在某個div id=”a”/div

裡面添加一個checkBox

document.getElementById(“a”).innerHTML = “input type=’checkbox’ checked /”;