Question

您好我是jquery的新手，我想知道如何根据单选按钮的值生成新的输入文本框。例如，如果我点击数字2的单选按钮，其值为'2'，我输入的文本框的数量将为2;当我点击3号单选按钮时，我将总共有3个输入文本框。

Answer 1

这有效：

$('input[type="radio"]').click(function() {
    var this_index_limit = parseInt($(this).val());
    for(var i = 0; i < this_index_limit; i++) {
       if(!$('#text_box_' + i).length) {
          $('<input id="text_box_' + i + '" type="text"/>').appendTo($(this).parent());
       }
       else if($('#text_box_' + i).is(':hidden')) {
          $('#text_box_' + i).show();
       }
    }

    $('input[type="text"]').each(function() {
       var split_id = $(this).attr('id').split('_');
       if(!split_id.length) return; //from each function, not the outer click function.
       var index = parseInt(split_id[2]);
       if(index >= this_index_limit) {
           $(this).hide();
       }
    });
});

根据单选按钮值创建输入文本框

1 个答案:

jsFiddle example