2012-06-27 129 views
0

如何爲jquery創建多個複選框來識別它?複選框爲jquery動態創建

例子,我有一個HTML頁面 這是呼叫new.html

<div id =new> <input type=checkbox"></div> 
在create.html上 我想使用jQuery加載多個複選框

<div id=load> <div> 
$("#load).load(new.html) 

所以如果我使用

for循環循環10次以創建10個複選框,我如何唯一標識每個複選框?

for(var i = 0;i<10;i++){ 
$("#load).load(new.html)} 
+0

1)裝載10倍是不正確的做法 - 爲什麼負荷呢?如果你必須,那麼做一次然後從那裏緩存。 2)爲什麼你需要唯一標識它們?您可能正在尋找類而不是ID。 –

+1

\我在做動態複選框,我不知道有多少用戶想要。用戶可以選擇10 20 100 300 500. – user1397840

+0

這很好,但你不應該每次都加載它們,給它們唯一的ID似乎毫無意義,除非有別的你不說的東西。 –

回答

1

給他們一個獨特的id,將你的標記緩存在一個變量中,並追加所有內容以獲得最佳性能。

var inputs = [], i 
for(i = 0; i < 10; i++) 
    inputs.push('<input type="checkbox" id="ck'+ i +'"/>') 
$('#load').append(inputs.join('')) 

編輯:
輔助功能:

var makeCkBoxes = function (n) { 
    var inputs = [], i 
    for(i = 0; i < n; i++) 
    inputs.push('<input type="checkbox" id="ck'+ i +'"') 
    return inputs.join('') 
} 

$('#load').append(makeCkBoxes(10)) 
+0

如果我有2套複選框10 10,所以我追加了2套div的盈方? – user1397840

+0

只需創建一個幫助函數,您可以傳遞一個數字並返回標記。請參閱編輯 – elclanrs

+0

我可以在其中推送('new.html')嗎? – user1397840