如何克隆 jQuery 中的单选按钮并修改选中状态？

我已经克隆了单选列表，当我检查单选按钮并单击“添加更多”按钮时，将添加新的克隆单选列表，但添加的单选列表单选按钮不会由用户修改/检查，单选按钮的状态是固定的。 这是我的 html 代码

<div class="Box">
   <div class="form-group">
        <label ><span>Note Type:</span></label>
         <div class="radio-list">                
                <label><input type="radio" name="optionsRadios" id="optionsRadios1" value="Subjective"> Subjective</label>
                <label><input type="radio" name="optionsRadios" id="optionsRadios2" value="Objective" > Objective</label>
         </div>
         <div class="abc">
            <button type="button" id="num">Add More</button>
         </div>
   </div>  
<div>

她的是js代码。

   $("#num").click(function () {
       var p = $('.form-group').length;
       var cloned = $(".form-group:first").clone(true)
                .find('input:radio').attr('name', 'optionsRadios' + ++p).end()
                .appendTo('.Box');
    });

• 你的代码应该用document.ready.
• 你应该改变name of input克隆中的sdiv到另一个独特的（制作单独的单选按钮组）。
• 你有</span>没有<span>.
• I moved <div class="abc"> out of <div class="form-group">以防止按钮被复制。

它应该是类似的这把小提琴 http://jsfiddle.net/41akkt0a/1/.

var cloneId = 0;

$(document).ready(function()
{
    $("#num").click(function()
    {
        var clone = $(".form-group:first").clone(true);
        clone.find("input").prop("name", "optionsRadios" + cloneId);
        cloneId++;
        clone.appendTo(".row");
    });
});