How to retrieve form element value using jquery?

Question

I have the following HTML code. I have made number of checkboxes. I want to retrieve the checked checkboxes's value using jquery. How can I do that?

<input type="checkbox" value="apple" name="box[]">apple     
<input type="checkbox" value="mango" name="box[]">Mango
<input type="checkbox" value="strawberry" name="box[]">Strawberry

http://stackoverflow.com/a/2155672/1300817 – Raul Rene Jul 30 '14 at 06:44 — Raul Rene, Jul 30 '14 at 06:44

score 0 · Accepted Answer · edited Jul 30 '14 at 06:48

0

Try

$('input:checked').each(function() {
  console.log($(this).val());
});

edited Jul 30 '14 at 06:48

Rajaprabhu Aravindasamy

66,513
17
101
130

answered Jul 30 '14 at 06:45

Sorry in a confusion, i just edited your answer with my answer. just now rolled back it. – Rajaprabhu Aravindasamy Jul 30 '14 at 06:49
@RajaprabhuAravindasamy, OK :). PS did that confusion extend to the first line of your answer - `.map()`? – Jul 30 '14 at 06:57
Confusion did win.. :P :( deleted my answer.. – Rajaprabhu Aravindasamy Jul 30 '14 at 06:59

How to retrieve form element value using jquery?

1 Answers1