选中复选框时在 javascript 中显示消息答案

【问题标题】：When checkbox is checked show message in javascript选中复选框时在 javascript 中显示消息
【发布时间】：2012-05-04 06:28:55
【问题描述】：

我想在 javascript 中这样，当复选框可见时显示消息 1 否则显示消息 2。

【问题讨论】：

标签： asp.net

【解决方案1】：

试试这个：

HTML：

<label><input type='checkbox' onchange='handleChange(this);'>Checkbox</label>

JS：

function handleChange(cb) {
  if(cb.checked == true){
   alert('Message 1');
  }else{
   alert('Message 2');
  }
}

JSBIN： http://jsbin.com/abukor/2

希望这会有所帮助。

【讨论】：

【解决方案2】：

if($("#checkbox").is(":checked")){
    alert("message1");
}else{
    alert("message1");
}

【讨论】：

【解决方案3】：

你可以使用javascript三元运算符

var msg = ($("#MyCheckbox").is(":checked")) ? 'message1' : 'message2';
alert(msg);

你当然可以内联三元以使其非常紧凑

还可以查看SO answer 了解使用三元运算符的其他示例。

如果您想在复选框本身可见的情况下显示消息，那么您可以使用:visible operator 来生成代码：

var msg = ($("#MyCheckbox").is(":visible")) ? 'message1' : 'message2';
alert(msg);

【讨论】：

【解决方案4】：

checkBox.onchange = function () {
    console.log("Checked:" + checkBox.checked)
};

【讨论】：

要求是when checkbox is visible show message1 else show message2。这个答案既不显示message1 也不显示message2。这个答案是“错误的”。
@Pang 我想读者可以自己弄清楚if...checkBox.checked 是一个布尔值。