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

Question

您好，我是 jquery 的新手，我想知道如何根据单选按钮的值生成一个新的输入文本框。例如，如果我单击值为“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();
       }
    });
});

jsFiddle example