更改HTML复选框选中的属性

Question

是否可以更改复选框的"已检查"属性？所以我想更改HTML中的预选值.(这样我以后可以用JavaScript的innerHTML来获取它).

Answer 1

当然,如果您要在Javascript中使用innerHTML,您可以重新加载整个复选框位并进行检查.但是,更简单的方法是,如果您要使用JS,只需更改Javascript中的checked属性即可.

document.getElementById("myCheckboxId").checked = true;

编辑

好的,所以你需要能够在将来使用innerHTML再次获得它.就像我在第一句中说的那样,你也可以使用innerHTML来改变复选框.可能有点hackish但如果你已经这样做可能会很好.

这是一个测试html页面,其中包含通过JS检查/取消选中的链接,通过使用innerHTML交换整个复选框来检查/取消选中,并获取innerHTML以进行测试.当你进行innerHTML交换时,它实际上会改变innerHTML之后返回的内容.你是这个意思吗？注意:嗯,直到现在我才意识到它,但似乎firefox正在将我的检查更改为checked ="checked",这很有趣.所以视图innerHTML链接显示我检查="已检查",未选中时显示任何内容.Firebug也显示出它的变化,但略有不同 - 从checked =""变为零.

这是jsfiddle!

<span id="testdiv1"><input type="checkbox" name="heyhey" id="heyhey" CHECKED></span>
<p>
    <a href="#" onClick="document.getElementById('heyhey').checked = false;">uncheck via JS</a><br>
    <a href="#" onClick="document.getElementById('heyhey').checked = true;">check via JS</a><br>
    <a href="#" onClick="document.getElementById('testdiv1').innerHTML = '<input type=\'checkbox\' name=\'heyhey\' id=\'heyhey\' >';">uncheck via innerHTML swap</a><br>
    <a href="#" onClick="document.getElementById('testdiv1').innerHTML = '<input type=\'checkbox\' name=\'heyhey\' id=\'heyhey\' checked>';">check via innerHTML swap</a><br>
    <a href="#" onClick="alert('innerHTML!: '+'\n\n'+getElementById('testdiv1').innerHTML)">view innerHTML</a>
</p>

我不知道我是否正常逃脱了所有这些但是对我有用.最好不要内联.