Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.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
如何克隆jQuery中状态为“已修改已检查”的单选按钮?_Jquery_Html_Css - Fatal编程技术网

如何克隆jQuery中状态为“已修改已检查”的单选按钮?

如何克隆jQuery中状态为“已修改已检查”的单选按钮?,jquery,html,css,Jquery,Html,Css,我已克隆单选列表,当我选中单选按钮并单击“添加更多”按钮时,将添加新的克隆单选列表,但已添加单选列表用户未修改/检查单选按钮,单选按钮的状态是固定的。 这是我的html代码 <div class="Box"> <div class="form-group"> <label ><span>Note Type:</span></label> <div class="radio-lis

我已克隆单选列表,当我选中单选按钮并单击“添加更多”按钮时,将添加新的克隆单选列表,但已添加单选列表用户未修改/检查单选按钮,单选按钮的状态是固定的。 这是我的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>
  • 您的代码应该用
    document.ready
    包装
  • 您应该将克隆的
    div
    中的
    input
    s的
    name
    更改为另一个唯一的名称(以创建单独的单选按钮组)
  • 您有
    而没有
  • 我将
    移出
    以防止按钮被复制
这应该是一个类似的例子


你能提供你的javascript代码吗?这很简单,你需要做一些jQuery;)发布您尝试过的内容。也许您可以在不更改克隆的单选按钮名称的情况下克隆它?克隆时,将克隆属性,即初始状态。不克隆属性,即当用户选中/取消选中收音机时会发生什么变化。发布克隆按钮的代码,HTML是不相关的。我在我的项目中尝试了它,但仍然发生同样的事情,还有其他原因吗issue@HariKrishna您是否使用任何库来设置单选按钮的样式?当提供的代码以小提琴的方式工作时,很难说什么是错的。也许你应该提供链接到你的网站…是的,这是由于风格的单选按钮,现在删除和尝试,代码工作良好。非常感谢。
   $("#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');
    });
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");
    });
});