Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据单选按钮值创建输入文本框_Javascript_Jquery - Fatal编程技术网

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

Javascript 根据单选按钮值创建输入文本框,javascript,jquery,Javascript,Jquery,嗨,我是jquery新手,我想知道如何根据单选按钮的值生成新的输入文本框。例如,如果我单击值为“2”的单选按钮2,则输入文本框的数量将为两个;当我单击单选按钮3时,总共有3个输入文本框。此功能: $('input[type="radio"]').click(function() { var this_index_limit = parseInt($(this).val()); for(var i = 0; i < this_index_limit; i++) {

嗨,我是jquery新手,我想知道如何根据单选按钮的值生成新的输入文本框。例如,如果我单击值为“2”的单选按钮2,则输入文本框的数量将为两个;当我单击单选按钮3时,总共有3个输入文本框。

此功能:

$('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();
       }
    });
});
$('input[type=“radio”])。单击(函数(){
var this_index_limit=parseInt($(this.val());
对于(var i=0;i=此索引限制){
$(this.hide();
}
});
});

@Avenson,我实际上花了5分钟来研究这个答案。。。不用客气。实际上我已经试了好几个小时了,直到我最终决定寻求帮助。再次感谢:)嗨,我希望你不介意我再请你帮个忙。我的问题是,如何根据单选按钮的值生成多级字段生成器。我回收了你的代码,但它没有按预期的方式工作。希望你能帮我。谢谢:)请在查看代码