javascript - 如何检查动态生成的 radio 输入值

Question

每次用户单击“添加”按钮时，我都必须动态生成多个输入字段，并且我能够成功获取它们。每个联系人都应该有不同名称的单选输入字段，因此我以数组形式创建了一个名称。

这是我目前所拥有的，我想知道我应该如何获得每个人的 radio 值:

var options = '';
var count = 0;
var maxfields = 4;

$('button#add').click(function() {
  options = '<p>Visit Type:
 <label class="radio-inline">
 <input  type="radio" class="c_visittype' + count +'" name="c_visittype[]" value="Student" required>Student</label>
<label class="radio-inline">
<input type="radio" class="c_visittype' + count +'" name="c_visittype[]" value="Visitor" required>Visitor</label> </p>';   


   if(count < maxfields){
        count++;     
    $(options).fadeIn("slow").appendTo('.companion');

    return false;
  }
}); 

 $('.c_visittype' + count).on('click', function(){
    $('input:radio[name="c_visittype"]').attr('checked', 'checked');
  });

每个人都应该选择“学生”或“访客”，每当创建更多人员字段时，我必须为多个人获取此值。我将字段名称作为数组的原因是在下一页由 php 编写。

Answer 1

<script src="http://code.jquery.com/jquery-2.2.4.min.js"          integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="               crossorigin="anonymous"></script>
<script>
    $( document ).ready(function() {
        var options = '';
        var count = 0;
        var maxfields = 4;

        $('button#add').click(function() {
            var options = '<p style="display: none">Visit Type:<label class="radio-inline"> <input  type="radio" class="c_visittype' + count +'" name="c_visittype' + count +'[]" value="Student" required>Student</label> <label class="radio-inline"><input type="radio" class="c_visittype' + count +'" name="c_visittype' + count +'[]" value="Visitor" required>Visitor</label> </p>';   

            if(count < maxfields){
                count++;     
                $('.companion').append(options);
                $(".companion p:last").fadeIn();
            }
        }); 
    });
</script>

<button id="add">add</button>
<div class="companion">

</div>