javascript - 更改 HTML 复选框选中属性

Question

是否可以更改复选框的“选中”属性？所以我想更改 HTML 中的预选值。 (以便我稍后可以使用 JavaScript 的 innerHTML 获取它)。

Answer 1

当然，如果您打算在 Javascript 中使用 innerHTML，您可以重新加载整个复选框位并使其选中或不选中。然而，如果您无论如何都要使用 JS，更简单的方法是仅更改 Javascript 中的 checked 属性。

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

编辑

好的，所以你以后需要能用innerHTML再搞定。就像我在第一句话中所说的那样，您也可以只使用 innerHTML 来更改复选框。可能有点老套，但如果您已经在做，可能没问题。

这是一个测试 html 页面，其中包含通过 JS 选中/取消选中的链接，通过使用 innerHTML 交换整个复选框来选中/取消选中，并获取 innerHTML 进行测试。当您进行 innerHTML 交换时，它实际上会更改 innerHTML 稍后返回的内容。你是这个意思吗？注意:嗯，直到现在我才意识到这一点，但似乎 firefox 正在将我的 checked 更改为 checked="checked"，这很有趣。因此， View innerHTML 链接向我显示 checked="checked" 并且在未选中时不显示任何内容。 Firebug 显示它也发生了变化，但略有不同 - 从 checked="" 变为无。

Here is 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>

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