Button to select all checkboxes within a div using jquery [duplicate]

Question

Possible Duplicate:
select all checkboxes command jquery, javascript

I am having trouble selecting all checkboxes in a div with jquery. This is the code that I currently have for the function

function selectAllCheckBoxes() {
        $('#additionalrecords input[type="checkbox"]').attr('checked', 'checked');
        }

Any help is greatly appreciated.

Do you mean selecting in the sense that the wrong elements are chosen or that their state is not changed? Either way, it seems to work. The selector by itself is correct, maybe your HTML is different but as you didn't post it we cannot say anything about it. — Felix Kling
– Felix Kling, Commented Jan 12, 2012 at 13:20
There is nothing wrong with this code. Debug your selector console.log($('#additionalrecords input[type="checkbox"]')). — Konrad Dzwinel
– Konrad Dzwinel, Commented Jan 12, 2012 at 13:22
Ok, then there is nothing wrong with the code you posted. If you don't provide more information, we cannot help you. Voting to close... — Felix Kling
– Felix Kling, Commented Jan 12, 2012 at 13:31
@BWoods, can you post the relevant parts of your markup, especially the additionalRecords <div> element? — Frédéric Hamidi
– Frédéric Hamidi, Commented Jan 12, 2012 at 13:32

Frédéric Hamidi · Accepted Answer · 2012-01-12 13:23:19Z

6

On jQuery 1.6 and higher, try using prop() instead of attr():

$("#additionalrecords input:checkbox").prop("checked", true);

answered Jan 12, 2012 at 13:23

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

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

2 Comments

Felix Kling Over a year ago

You are right, but I don't think this will solve the problem.

Frédéric Hamidi Over a year ago

@Felix, I think so too, but I cannot help more without seeing the questioner's markup.

Lautaro Orazi · Accepted Answer · 2012-01-12 13:20:27Z

3

try

$('#additionalrecords input[type="checkbox"]').attr('checked', true);

answered Jan 12, 2012 at 13:20

Lautaro Orazi

1661 silver badge6 bronze badges

4 Comments

Jeffrey Over a year ago

attr('checked', 'checked') is the right way to mark a checkbox.

Lautaro Orazi Over a year ago

yeah, you are right. I checked jquery FAQ. Both ways are right.

Esailija Over a year ago

.attr is not the right way for anything, especially for marking a checkbox :'(

Lautaro Orazi Over a year ago

it could be not the best way, but it's a valid way

Gran · Accepted Answer · 2012-01-12 13:27:00Z

1

use $("#additionalrecords input:checkbox").attr("checked", true);

And here is the jsbin http://jsbin.com/akuzus/edit#html,live

answered Jan 12, 2012 at 13:27

Gran

3261 silver badge8 bronze badges

Comments

Dave G · Accepted Answer · 2012-01-12 13:28:28Z

0

Instead of setting 'checked' attr to 'checked' try true

$('#additionalrecords input:checkbox').attr('checked', true);

http://jsfiddle.net/djgraff209/mqk8L/

answered Jan 12, 2012 at 13:28

Dave G

9,82238 silver badges43 bronze badges

Collectives™ on Stack Overflow

Button to select all checkboxes within a div using jquery [duplicate]

4 Answers 4

2 Comments

4 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

4 Comments

Comments

Comments

Linked

Related