ansaurus

Question

Using jQuery to add tick box values to a hidden field

Answer 1

+2 A:

You can use the map and join function like this:

var vals = $(':checkbox:checked').map(function(){
   return $(this).val();
}).get().join(',');

// save the values to a hidden field
$('#hidden_id').val(vals);

Sarfraz 2010-08-12 10:53:26

Awesome! Thank you so much! Is there a way to limit the amount of boxes ticked to three? So if they check three, it will disable the rest, but if they deselect one they become clickable again. Is there a jquery function to count the amount of boxes ticked? I tried to modify the above code to accomplish that but it didn't work.

2010-08-13 10:28:02

To count checked/ticked checkboxes, use: `alert($(':checkbox:checked').size());` Note the code in my answers only gets the value of checked/ticked checkboxes. Now that you know how to get the number of ticked checkboxes, you can modify the code as per your requirements if you want, have a nice time :)

Sarfraz 2010-08-13 10:47:18

Awesome, will do! Thanx!

2010-08-15 20:44:55

Thanx, got it working, here is my code, function whoop(){ var vals = $('#checkOnes').find(':checkbox:checked').map(function(){ return $(this).val(); }).get().join(','); alert(vals); // save the values to a hidden field $('#hidden_id').val(vals);}; Thanx Sarfraz, sorry, didn't mean to mooch off of you, still learning jQuery, so I am still a lil hesitant to go out and try things on my own before asking out about what I am trying to accomplish! Anyways, thanx again!

2010-08-15 21:12:50

ansaurus

tags:

views:

answers:

Using jQuery to add tick box values to a hidden field

related questions