关于页面html代码有变更后选中状态保留问题

Question

htmljavascriptcheckbox

Answer 1

<script src="//code.jquery.com/jquery-1.9.1.min.js"></script><script>
function test()
{
var testhtm = "选中被取消了!";
  $('#d1').append(testhtm);
}
</script>
<div id="d1" name="d1">
<input type="radio" name="t">按钮1
<input type="radio" name="t">按钮2
<input type="checkbox" name="t1">选中我
<input type="button" value="点击插入" onclick="javascript:test()">
</div>

Answer 2

 function test()
 {
 var testhtm = "选中被取消了!";
 var span = document.createElement("span");
 span.innerHTML = testhtm;
 document.getElementById("d1").appendChild(span);
 }

Answer 3

不要设置innerHTML，要用DOM的API来添加子节点    function test() {
        var node = document.createTextNode("选中被取消了!")
        document.getElementById("d1").appendChild(node);
    }