當複選框被選中時在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) 
};