Question

我遇到了一个关于replace的问题，没有保持移动的单选按钮输入的状态。我准备了一个简单的例子来说明这个问题。这适用于FF和Chrome，但不适用于IE。

有解决方法吗？

谢谢！

代码：

<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<title>IE replaceWith issue</title>
<script type='text/javascript'>
$(function(){
  $('a').click(function(e) {
    e.preventDefault();
    $('#temp').replaceWith($('#window').children());
  });
});
</script>
</head>
<body>
  <a href='#'>run replaceWith</a>
  <p>Select a radio button and then click "run replaceWith". The value persists in FF, but not IE.</p>
  <div id='window' style='background-color: #DDD; height: 100px;'>
    <input id="id_received_date-days_0" type="radio" name="received_date-days" value="30" />
    <input id="id_received_date-days_1" type="radio" name="received_date-days" value="50" />
    <input type='text' name='test-test' />
  </div>
  <br />
  <form id='foo' style='background-color: #EEE'>
    <div id='temp'></div>
  </form>
</body>
</html>

Answer 1

抓取已检查的ID，然后在更换后再次检查：

$('a').click(function(e) {
    e.preventDefault();
    var checkedOnes = $("#window input:checkbox:checked").map(function() {
        return this.id;
    }).get();
    $('#temp').replaceWith($('#window').children());
    $.each(checkedOnes, function(index, value) {
        $("#" + value).attr("checked", "checked"); 
    });
});

此外，复制这些元素时，您最终会遇到重复的ID。我假设您在更换后删除旧的？重复ID可能是导致问题的原因吗？

IE和replaceWith不保留单选按钮状态

1 个答案: