asp.net - 选中复选框时在 javascript 中显示消息

Question

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

Answer 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

希望这可以帮助。

Answer 2

您可以使用 javascript 三元运算符

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

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

另请查看此SO 答案，了解使用三元运算符的其他一些示例。

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

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

Answer 3

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

Answer 4

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