当复选框被选中时在javascript中显示消息

Question

我想要这样的javascript，当复选框可见时显示message1 else显示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) 
};