Question

我想从“输入类型编号”创建复选框。这就是我的到来：

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等但我想同时创建7。假设我在输入中选择数字“3”。我想要它创建3个这样的框： [] pos 1，[] pos 2，[] pos 3。

Answer 1

$menus

http://jsfiddle.net/7mBRu/29/

Answer 2

我认为这更符合您的要求（在添加右侧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/

动态创建唯一的复选框

2 个答案: