jQuery html 操作后，Radio Input 未选中

Question

我遇到了一个非常奇怪的错误。执行以下操作后，我的单选按钮未选中：

    var $page = $('[data-shortcode-page="' + shortcode + '"]', $webrock).html();

    //CHECKED
    console.log($('[data-shortcode-page="' + shortcode + '"] :checked', $webrock).length) 
    $('.webrock-page-content', $addPage).replaceWith($page);
    //UNCHECKED
    console.log($('[data-shortcode-page="' + shortcode + '"] :checked', $webrock).length)

有人知道为什么会这样吗？这是一个 jsFiddle：http://jsfiddle.net/mVB2q/1/

非常感谢！

Answer 1

您正在克隆同名的广播组。您需要更新克隆无线电组的名称。这是一个简单的解决方案，我在“test1”中硬编码新组名，但您可能需要修改它以满足您的需要：

var shortcode = 'object';        

var $page = $('[data-shortcode-page="' + shortcode + '"]');

console.log($('[data-shortcode-page="' + shortcode + '"] :checked').length);

//after cloning the radio buttons, find radio buttons and update the name attribute.
$('.webrock-page-content').html($page.clone().find("input[type='radio']").attr("name", "test1").end().html());
console.log($('[data-shortcode-page="' + shortcode + '"] :checked').length);

Updated fiddle.