选中复选框时，在javascript中显示消息

Question

我想在javascript中这样，当复选框可见时显示message1 else show message2。

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

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

Answer 3

您可以使用javascript三元运算符

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

你当然可以在三元组中使其真正紧凑

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

如果您希望在复选框本身可见时显示该消息，那么您可以使用:visible operator来生成代码：

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

Answer 4

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