jquery error for checkbox list

Question

I'm getting the following syntax error for my list of check boxes:

unrecognized expression: input:checked[name=match_list[]]

HTML:

<label class="checkbox">
  <input type="checkbox" name="match_list[]" value="10">
   Item 10
</label>
<label class="checkbox">
  <input type="checkbox" name="match_list[]" value="20">
   Item 20
</label>

jQuery:

    var arr=[];

    $('input:checked[name=match_list[]]').each(function(){
        arr.push($(this).val());
    });

Any idea what the error is pointing to? The syntax looks fine to me...

Why are you nesting your input elements inside your label elements? — Brian Driscoll
– Brian Driscoll, Commented Nov 30, 2012 at 20:53
@BrianDriscoll I'm sure you can use either label's for or nest the input inside a label.. they both work and are valid. — wirey00
– wirey00, Commented Nov 30, 2012 at 21:00

Denys Séguret · Accepted Answer · 2012-11-30 20:53:23Z

4

Use

$('input:checked[name="match_list[]"]').each(function(){

The quotes are only optional when it's easy to parse.

Regarding the input elements inside the label elements (a problem seen by Brian), you should use the for attribute :

<label class="checkbox" for=someid>Item 10</label>
<input type=someid "checkbox" name="match_list[]" value="10">

answered Nov 30, 2012 at 20:53

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery error for checkbox list

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related