Question

我有带有单选按钮和一些常用按钮的HTML代码。点击公共按钮后，我使用.clone复制此代码，然后使用.after插入。在第一个块中，我有名称为'name'的单选按钮，在第二个中我将此名称更改为'1name'，在第三个''名称'等等。此外，我有js代码

    $('input[type=radio]').change(function(){
            var index= $(this).attr('rbgindex');
            var name = $(this).attr('name');
            $('.hid-'+name).remove();
            $(this).parent().after('<input class=hid-'+name+' type=hidden name='+name+index+' value='+index+' checked>');
    });

它应该在更改单选按钮后创建隐藏的文件。但我有问题。如果我在第一次工作中更改单选按钮，它可以工作，但在另一个工作中它不起作用。怎么了？

Answer 1

使用$(document).on('change')事件进行更改事件处理

$(document).on('change','input[type=radio]',function(){
      var index= $(this).attr('rbgindex');
      var name = $(this).attr('name');
      $('.hid-'+name).remove();
      $(this).parent().after('<input class=hid-'+name+' type=hidden name='+name+index+' value='+index+' checked>');
});

克隆后的Onchange单选按钮

1 个答案: