jquery - 两个相互依赖的复选框

Question

我有两个复选框，当单击它们时分别执行那里的任务，但如果两者都被单击，那么还有一个应该执行的其他任务，但我面临一个问题。

当我只单击第一个复选框时，它应该这样做。当我只单击第二个复选框时，它应该执行此操作，但是当我单击一个，然后单击另一个时，现在都检查了这两个复选框。我需要在 jquery 中执行此操作

这是jsFiddle

if(checkbox1) is checkd 
{
   //do this
}

if(checkbox2) is checkd 
{
   //do this
}

if(both) are checked do this

这是html

<input type="checkbox" id="checkbox1" class="kk" />
<input type="checkbox" id="checkbox2" class="kk" />

Answer 1

试试这个代码：

var oneChecked = jQuery('#checkbox1').is(':checked');
var twoChecked = jQuery('#checkbox2').is(':checked');
if (oneChecked && twoChecked) {
    // both are checked
} else if (oneChecked) {
    // checkbox1 is checked
} else if (twoChecked) {
    // checkbox2 is checked
} else {
    // nothing is checked
}

Answer 2

尝试

if($("#checkbox1 input:checked") && $("#checkbox2 input:checked")){
--

}
else if($("#checkbox1 input:checked"){
 ---
}

else if($("#checkbox2  input:checked"){
 ---
}else{
-------------nothing checked
}

Answer 3

尝试这个

if ($('#checkbox1').is(':checked') && $('#checkbox2').is(':checked')) {
    // if both are checked
}
else if ($('#checkbox1').is(':checked')) {
    // if checkbox1 are checked
}
else if ($('#checkbox2').is(':checked')) {
    // if checkbox2 are checked
}