2012-06-27 2 views
0

Как создать несколько флажков для jquery для его идентификации?checkbox dynamic create for jquery

пример у меня есть HTML-страницу с это вызов new.html

<div id =new> <input type=checkbox"></div> 

на create.html я хочу использовать JQuery для загрузки нескольких CheckBox

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

так, если я использую для цикла цикла для цикла 10 раз для создания 10 флажка, как я могу идентифицировать каждый флажок однозначно?

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

1) Загрузка в 10 раз не правильный путь - почему нагрузки на всех? Если нужно, сделайте это один раз, а затем кешируйте оттуда. 2) Почему вам нужно однозначно идентифицировать их? Вы можете искать классы вместо идентификаторов. –

+1

\ Я делаю динамический флажок, я не знаю, сколько пользователь хочет. пользователь может выбрать 10 20 100 300 500. – user1397840

+0

Это нормально, но вы не должны загружать их каждый раз, и предоставление им уникальных идентификаторов кажется бессмысленным, если нет другого, о котором вы не говорите. –

ответ

1

Дайте им уникальный идентификатор, кешируйте свою разметку в переменной и добавьте все, наконец, для лучшей производительности.

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

Edit:
Вспомогательная функция:

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, поэтому я добавляю div infront из 2-го набора? – user1397840

+0

Просто создайте вспомогательную функцию, в которой вы передаете число, и оно возвращает разметку. См. Edit – elclanrs

+0

Могу ли я нажать ('new.html') в нем? – user1397840