Issue with jQuery recognising checkbox values?

Question

I am having a problem with my jQuery code in that for some reason it doesn't distinguish between checked and unchecked checkboxes in my situation. It recognises them on the first account (i.e. if it is unchecked to begin with, it recognises that it is in fact unchecked). But if you then uncheck it, it still thinks that it is unchecked.

You can see here: http://jsfiddle.net/3BZp4/1/

When checked, it will copy the row to the second table, but when you uncheck that same row, it still copies to the second table despite the selector asking for only unchecked rows.

$('#one tbody tr td input.checkbox:not(:checked)').on('change', function (e)
{ });

Rob Forrest · Accepted Answer · 2012-05-30 09:18:42Z

2

It looks like that you have bound a function to all input boxes that are currently unchecked. That function will always be bound to those checkboxes regardless of their state thereafter. You should check the checked status as part of the bound function, much the same as thecodeparadox has done.

answered May 30, 2012 at 9:18

Rob Forrest

7,4809 gold badges55 silver badges69 bronze badges

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

Comments

thecodeparadox · Accepted Answer · 2012-05-30 09:26:19Z

1

You can try something like this:

$(':checkbox').on('change', function() {
  if(this.checked) {
     // do if checked
  } else {
    // do if not checked
  }
});

Your complete code will:

$('#one tbody tr td input.checkbox').on('change', function(e) {
    if (this.checked) {
        var row = $(this).closest('tr').html();
        $('#two tbody').append('<tr>' + row + '</tr>');
    }
});

Check this DEMO

edited May 30, 2012 at 9:26

answered May 30, 2012 at 9:14

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

4 Comments

thecodeparadox Over a year ago

@danrhul check the demo, I think you want that

ediblecode Over a year ago

I did check it, but it still has the same problem. Checking a row in the first table, copies the row to the second table (desired). But when I uncheck that same row, it still copies the row over to the second table.

ediblecode Over a year ago

OK, in the demo, it doesn't work but after applying it to my actual work it does so thank you :D

Sameh Serag Over a year ago

It's work fine ,but why when using $(':checkbox:checked'); doesn't give the expected result ?

Tats_innit · Accepted Answer · 2012-05-30 09:24:38Z

1

Working demo Is this what you are looking for http://jsfiddle.net/gvDGS/2/

API http://api.jquery.com/not-selector/

Please let me know if I missed anything, hope this helps!

code // BInds to all the unchecked but checks if checkbox is checked or not.

$('input[type=checkbox]:not(:checked)').on('change', function() {

   if( $(this).is(':checked') ){
        var row = $(this).closest('tr').html();
        $('#two tbody').append('<tr>' + row + '</tr>');
    }
});

answered May 30, 2012 at 9:24

Tats_innit

34.1k10 gold badges74 silver badges77 bronze badges

Collectives™ on Stack Overflow

Issue with jQuery recognising checkbox values?

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related