Select all checkboxes using jQuery and select option

Question

I have the following code:

<select id="deloptions">
<option value="none">Select none</option>
<option value="all">Select all</option>
</select>

I'm trying to check all theck and uncheck all the checkboxes from a table which is placed after this select. The checkboxes are placed in the 1st collumn of the table. They all have "delme" class. I've tried everything but it doesn't seem to work... Here is my current code:

$('#deloptions').change(function(){ 
var value = $(this).val();
if (value == 'all') {
    $('input:checkbox').prop('checked', true);
    } else {
    $('input:checkbox').prop('checked', false);
    }
});

I've tried using their class too but no success... like:

$('.delme').prop('checked', false);

Trying reaching for the table didn't work either... so i'm kindda stucked.

EDITED:

<table>
<tr>
<th></th>
<th>Title</th>
<th>Content</th>
<th>Date Added</th>
<th>Actions</th>
</tr>

<tr id="37">
<td><input type="checkbox" class="delme" id="37"></td>
<td>Good news!</td>
<td>This is a message!</td>
<td>2013-07-22</td>
<td>Here is a button</td>
</tr>
</table>

Works fine here

Dhaval Marthak
– Dhaval Marthak

2013-07-22 11:01:39 +00:00
Commented Jul 22, 2013 at 11:01 — Dhaval Marthak
– Dhaval Marthak, Commented Jul 22, 2013 at 11:01
Are there any errors in your javascript console?

colestrode
– colestrode

2013-07-22 11:04:12 +00:00
Commented Jul 22, 2013 at 11:04 — colestrode
– colestrode, Commented Jul 22, 2013 at 11:04
Code is fine with table also jsfiddle.net/ZKW6U

IT ppl
– IT ppl

2013-07-22 11:07:44 +00:00
Commented Jul 22, 2013 at 11:07 — IT ppl
– IT ppl, Commented Jul 22, 2013 at 11:07

loresIpsos · Accepted Answer · 2013-07-22 11:14:40Z

1

Try:

$('#deloptions').change(function(){ 
 var value = $(this).val();
 if (value == 'all') {
   $('input').attr('checked', 'checked');
 } else {
   $('input:checkbox').prop('checked', 'no');
 }
});

answered Jul 22, 2013 at 11:14

loresIpsos

3371 gold badge2 silver badges12 bronze badges

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

Comments

Sandiip Patil · Accepted Answer · 2013-07-22 11:03:49Z

0

Try this

$('input[type="checkbox"]').prop("checked", false);

answered Jul 22, 2013 at 11:03

Sandiip Patil

4461 gold badge5 silver badges21 bronze badges

1 Comment

paz Over a year ago

Got it. The problem was that i've imported an older version of jquery (1.3.0) :D

Amit · Accepted Answer · 2013-07-22 11:05:04Z

0

Try this

 $(function(){
    $("#deloptions").change(function(){
       if($("#deloptions  option:selected").val()=="all")
       {
              $('input[type="checkbox"]').prop("checked", false);
       }
       else
       {
              $('input[type="checkbox"]').prop("checked", true);
       }
    });
 })

answered Jul 22, 2013 at 11:05

Amit

15.4k8 gold badges49 silver badges69 bronze badges

1 Comment

paz Over a year ago

Got it. The problem was that i've imported an older version of jquery (1.3.0) :D

Manoj Yadav · Accepted Answer · 2013-07-22 11:09:33Z

0

You may have not added jQuery reference as your code is working fine

jsFiddle

answered Jul 22, 2013 at 11:09

Manoj Yadav

6,6121 gold badge25 silver badges21 bronze badges

Comments

Manish Sharma · Accepted Answer · 2013-07-22 11:11:54Z

0

try this code.

$(function(){

// add multiple select / deselect functionality
$("#selectall").click(function () {
      $('.case').attr('checked', this.checked);
});

// if all checkbox are selected, check the selectall checkbox
// and viceversa
$(".case").click(function(){

    if($(".case").length == $(".case:checked").length) {
        $("#selectall").attr("checked", "checked");
    } else {
        $("#selectall").removeAttr("checked");
    }

});
});

answered Jul 22, 2013 at 11:11

Manish Sharma

2,4562 gold badges18 silver badges33 bronze badges

Collectives™ on Stack Overflow

Select all checkboxes using jQuery and select option

5 Answers 5

Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related