用無線電輸入添加更多表單元素邏輯

Question

我寫了一些代碼，用戶可以點擊add more複製所有表單元素並添加值。除了無線電輸入，它工作正常。我被卡住了。我怎樣才能以簡單的方式解決我的問題？以下是我的代碼。我不能把athlete_sex作爲一個數組。

Answer 1

有時jQuery可以成爲關閉標籤的粘貼者。我固定的他們，現在，它的工作原理：

var clone = $('#dup:last').clone(); 
 

 
    window.addAnother = function() { 
 
     clone.find('input').attr('name', 'athlete_sex' + ($('#wrapper').children().length + 1)); 
 
     $('#wrapper').append(clone); 
 
     clone = clone.clone(); 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="wrapper"> 
 
    <div id="dup"> 
 
    <p>Athlete Name: 
 
     <br /> 
 
     <select name="athlete_name" id="athlete_name[]"> 
 
     <option value="" selected="selected">Choose a user</option> 
 
     <option value="2">Candice Falzon</option> 
 
     <option value="5">Athlete Example</option> 
 
     </select> 
 
    </p> 
 

 
    <p>Sex: 
 
     <input type="radio" name="athlete_sex" value="Male" />Male 
 
     <input type="radio" name="athlete_sex" value="Female" />Female</p> 
 
    </div> 
 
</div> 
 
<button onclick="addAnother()">Add Another</button>