Динамически создавать уникальные флажки

Я хочу создать флажки из «номера типа ввода». Вот как далеко я зашел:

Fiddle: мой текущий код

формат html

 <div id="positions">
    <input type="number" class="txt" value="1" style="width: 30px"/>
    <button type="button" class="btnPos">Add pos</button>
 </div>

скрипт

$(document).ready(function () {
   $(".btnPos").on('click', function () {
       $('#positions').append('<input type="checkbox" name="myCheckbox" />' 
           + "Pos " + $(".txt").val());
   });
});

Теперь я создаю флажки, такие как: [] pos 1 etc. Но я хочу создать как 7 в то же время. Допустим, я выбираю число » 3 » во входных данных. Я хочу, чтобы он создал 3 коробки, как это: [ ] pos 1, [] pos 2, [] pos 3.

2 ответа

  1. Я думаю, что это больше, что вы хотели (после правильных индексов pos, как вы добавляете их) :

    $(document).ready(function () {
        $(".btnPos").on('click', function () {
    
            for(var i=1; i<=$(".txt").val(); i++)
            {
                var numItems = 0;
                if ( $('input[type="checkbox"]') )    
                {
                    numItems = $('input[type="checkbox"]').length + 1;
                }
                $('#positions').append('<input type="checkbox" name="myCheckbox" />' + "Pos " + numItems);
            }
        });
    });
    

    посмотреть http://jsfiddle.net/7mBRu/32/