根据是否勾选来更改复选框的值？答案

【问题标题】：Change the value of a checkbox based on whether it's ticked or not?根据是否勾选来更改复选框的值？
【发布时间】：2014-07-21 15:22:35
【问题描述】：

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

我想要的是，当检查复选框时，它的值将被更改为“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>

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

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

感谢您的支持！

【问题讨论】：

标签： javascript jquery code-generation

【解决方案1】：

为什么不只使用选中状态，这将取决于复选框是否被选中而为真/假，不需要值？

<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

【讨论】：

【解决方案2】：

使用粗体检查而不是粗体值

document.getElementById("code").innerHTML= bold.checked;

如果你还想使用bold.value，在复选框中添加onClick函数：

<input type="checkbox" id="bold" value="false" onclick="this.value = this.value == 'false' ? 'true' : false"/>

【讨论】：