jquery update hidden field dependant on checkbox

Question

I am currenlty using this to see if each rows check box in a specified table is checked.

$("#table_pdf_view input[type=checkbox][checked]").each(

    function() {



    }

 );

If the row is checked I want it to use the checkboxes input id to update a seperate hidden table.

echo '<td width="200px"><input type=" checkbox" id="'.$row['client_id'].'" name="download"></td>'.PHP_EOL;

The hidden table will contain one input field. If multiple rows are checked I would like to separate each id by a comma.

Prasenjit Kumar Nag · Accepted Answer · 2012-06-26 14:39:17Z

3

Do something like

var $checkboxes = $("#table_pdf_view input[type=checkbox]");
$checkboxes.on('change',function(){
   var ids = $checkboxes.filter(':checked').map(function(){
      return this.id; 
   }).get().join(',');
   $('#Hidden_input_id').val(ids);
});

Change #Hidden_input_id with the ID of your hidden input. This will update hidden input's value when users check/uncheck a checkbox.

Demo: http://jsfiddle.net/npmB3/1/

3 Comments

Sam Corbet Over a year ago

Thank you, works perfectly until you specify the boundary for the checkboxes jsfiddle.net/npmB3/8

Prasenjit Kumar Nag Over a year ago

@SamCorbet, thats because your markup is not valid and browser's correct the markup, like chrome takes the checkboxes out of table and the selector returns empty set. You have to put the checkboxes inside td. Like this jsfiddle.net/npmB3/13

Sam Corbet Over a year ago

Thank you, for some reason I cant get it to work on my actual page but I'm sure it wont be too hard to figure out why. many thanks :)

Collectives™ on Stack Overflow

jquery update hidden field dependant on checkbox

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related