复选框始终打开

Question

为什么此代码始终警告“开启”？无论是选中还是未选中，它都会打印出来。

click:
<input type="checkbox" onclick="alert(this.value)" />

http://jsfiddle.net/5yn78jhz/

Answer 1

使用＆＃34; this.checked＆＃34;而不是＆＃34;价值＆＃34;如果选中或未选中则为true或false。

Answer 2

您的复选框没有值，因此JavaScript使用默认值。如果您需要其他内容，则需要使用值属性value="some value"。此外，代码不会检查复选框是否已被选中，因此它将始终为您提供复选框的值，无论是否已选中。

例如

<input type="checkbox" onclick="if(this.checked) { alert(this.value); }" />

如果选中复选框，则仅显示内容。

Answer 3

这是onclick动作的方式。您可以使用js函数来检查是否为true / false，如下所示：

<强> HTML

<input type="checkbox" onclick="check(this)" />

<强> JS

function check(obj){
    if(obj.checked){
        alert(obj.value);
    }
}

fiddle