两个相互依赖的复选框

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
}