javascript - 根据是否勾选更改复选框的值？

Question

我正在制作这个文本代码生成器，但我有点卡住了。在自定义面板中，您有 5 个复选框。它们是粗体、斜体、下划线、删除线和混淆。它们都有一个当前为“false”的值。

我想要发生的是当一个复选框被选中时，它的值将被更改为“true”。为什么？当您获得代码时，会执行如下操作:

<input type="checkbox" value="false" id="bold"/>
<input type="button" value="Give Code" onclick="printCode()"/>
<script>
function printCode() {
document.getElementById("code").innerHTML= bold.value;
}
</script>
<p id="code"></p>

在这个例子中，当按钮被按下时，它会打印出复选框的值。它总是打印出“false”。我想要它，以便当您勾选复选框时，它的值将更改为“true”。这样，当它打印出值时，它可以是“真”或“假”。

我知道 jQuery 可能是解决方案，但我对它还很陌生。

感谢您的支持!

Answer 1

为什么不只使用选中状态，根据复选框是否被选中，它会是 true/false，不需要值？

<input type="checkbox" value="false" id="bold" />
<input type="button" value="Give Code" onclick="printCode()" />
<script>
    function printCode() {
        document.getElementById("code").innerHTML = document.getElementById("bold").checked.toString();
    }
</script>
<p id="code"></p>

FIDDLE