jquery - 相互に依存する 2 つのチェック ボックス

Question

クリックすると個別にタスクを実行する2つのチェックボックスがありますが、両方をクリックすると、実行する必要がある他のタスクがありますが、問題に直面しています。

最初のチェックボックスのみをクリックすると、これが行われます。2番目のチェックボックスのみをクリックすると、これが実行されますが、1つをクリックしてから他のチェックボックスをオンにすると、これが実行されます。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
}