CODEWITHSUNDEEP
jquerycheckboxselection
coder
coder

Reputation: 13250

Check multiple checkbox selection using jquery

I am trying to find the easiest way to get the checkboxes that are selected.

Here's my script:

$(document).ready(function() {
    $("input[name='chkTextEffects']").change(function() {
        if ($("#cbSolid").is(':checked') == true) {
            alert('Solid');
        } else if ($("#cbOutline").is(':checked') == true) {
           alert('Outline');
        } else if ($("#cbSolid", "#cbOutline").is(':checked') == true) {
            alert('SolidOutline');
        } else if ($("#cbSolid", "#cbOutline").is(':checked') == false) {
            alert('No Effects'); 
        }
    });
});​

HTML:

   <input type="checkbox" name="chkTextEffects" id="cbSolid" value="Solid" />Solid
   <input type="checkbox" name="chkTextEffects" id="cbOutline" value="Outline" />Outline
   <input id="TextEffectsSelection" type="hidden" />

I'm not sure about this line if ($("#cbSolid", "#cbOutline").is(':checked') == true) or should I use bind to get that worked.

Upvotes: 6

Views: 41546

Answers (4)

SuperPomodoro
SuperPomodoro

Reputation: 426

Here is an example I created that demonstrates what I think you're attempting to achieve:

$('#getCheckboxesButton').live('click', function(event) {
    var checkboxValues = [];
    $('input[type="checkbox"]:checked').each(function(index, elem) {
        checkboxValues.push($(elem).val());
    });
    alert(checkboxValues.join(', '));
});

http://jsfiddle.net/qdvng/

Let me know if that helps. Its basically using the ':checked' jQuery selector to retrieve checkboxes that are checked, then iterating through their values and printing it out.

Upvotes: 9

Sanjay Goswami
Sanjay Goswami

Reputation: 1386

JQUERY

$('input:checkbox:(:checked)').each( function() {
// your code here
})

http://api.jquery.com/checkbox-selector/

http://www.wiseguysonly.com/2010/01/15/select-and-unselect-all-checkboxes-with-jquery/

Upvotes: 1

Craig
Craig

Reputation: 7076

You can use the :checked selector like this to get all checked checkboxes with the specified name:

$("input[name='chkTextEffects']:checked")

Upvotes: 4

Uchenna Nwanyanwu
Uchenna Nwanyanwu

Reputation: 3204

Why not do this:

$("#checkboxId").attr("checked") == "checked";

Upvotes: 0

Related Questions