组合复选框选择器以在jQuery中获得唯一结果

Question

I have 3 checkboxes, and I want all combinations of those checkboxes to display a different result, but I cannot work out how to do so. It feels like there's a simple way of doing this that I'm missing.

Here's the Frankenstein monster-code I have so far, which doesn't do what I'd like it to. The aim is that the following code sees that a user has has checked both the "webcam" (#checkWebcam) and "chat" (#checkChat) boxes, and that a different download link is being displayed based on that selection combo...

jQuery('#checkWebcam, #checkChat').change(function() {
    var isChecked = jQuery('#checkWebcam, #checkChat').is(':checked');
    if(isChecked)
        jQuery('div.strip.download').html('<a href="<?php echo $nos; ?>" class="btn btn-lg btn-to gradient-to">Download</a>');
    else
        jQuery('div.strip.download').html('<a href="<?php echo $download; ?>" class="btn btn-lg btn-to gradient-to">Download</a>');
});

Could anyone help me with how to actually achieve this aim? Thank you in advance.

Answer 1

This will do an OR operation,

var isChecked = jQuery('#checkWebcam, #checkChat').is(':checked');

what you basically need is to perform an AND opereation here, so use

var isChecked = jQuery('#checkWebcam').is(':checked') && $('#checkChat').is(':checked');

Answer 2

You can try this code :

if ( $("#checkWebcam:checked, #checkChat:checked").length == 2 ) {
    //your code
}

Answer 3

var isChecked = jQuery('#checkWebcam, #checkChat').is(':checked'); will return true if either one or both are selected.

Modify your code as

jQuery('#checkWebcam, #checkChat').change(function() {
    var boxs = jQuery('#checkWebcam, #checkChat');
    var checked = boxs.filter(':checked'); //Filter checked checkboxes
    if(boxs.length == checked.length){ //if length are same
        alert('both are checked')
    }else{
        alert('both are not checked')
    }    
});

DEMO