select all checkboxes command jquery, javascript

Question

I'm trying to get all of my checkboxes to be checked when clicking a link

looks like this: <a href='javascript:;' onclick="$.overall.selectAll();">select all</a>

inputs in a loop: <input type="checkbox" name="delete[$i]" value="1" />

jquery code:

var checked_status = this.checked;

    $("input[name=delete]").each(function() {
    this.checked = checked_status;
});

Can someone help me get it to check all.. ?

When clicking at the select all link, nothing seems to happen.. (not even an error)

can you remove the onclick attribute of the element. Also if you paste your markup and ensure it validates at w3c. — redsquare
– redsquare, Commented Aug 13, 2009 at 10:22

redsquare · Accepted Answer · 2009-08-13 10:23:18Z

6

Try the following.

Updated. The handler is tied to an anchor therefore there will be no this.checked attribute available.

$("#select_all").click(function(){
    $("input[name^=delete]").attr('checked',  'checked');  
});

edited Aug 13, 2009 at 10:23

answered Aug 13, 2009 at 10:04

redsquare

78.8k21 gold badges155 silver badges159 bronze badges

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

1 Comment

william Over a year ago

no reaction, not even an error :-/ & and i have included my js file.. :)

Amber · Accepted Answer · 2009-08-13 10:03:46Z

1

You're going to want to use the [name^=delete] selector ("starts with"), since your checkboxes names aren't exactly "delete", they're "delete[X]' for some number X.

answered Aug 13, 2009 at 10:03

Amber

531k89 gold badges643 silver badges558 bronze badges

Collectives™ on Stack Overflow

select all checkboxes command jquery, javascript

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related