Jquery get multiple checked values from checkbox

Question

My form have following checkbox and I want to tick the option to show an alert with checked values, but there is nothing happen to show up the alert when I ticked it:

<form id="booking_form">
    <input type="checkbox" name="bType[]" id="bType" value="A,200">&nbsp;Type A - USD200<br>
    <input type="checkbox" name="bType[]" id="bType" value="B,150">&nbsp;Type B - USD150<br>
    <input type="checkbox" name="bType[]" id="bType" value="C,100">&nbsp;Type C - USD100<br>
    <input type="checkbox" name="bType[]" id="bType" value="D,50">&nbsp;Type D - USD50<br>

</form>

and I have JQ script:

<script>
$("input[type=checkbox]:checked").each ( function() {
    alert ( $(this).val() );
});
</script>

please advise, thanks.

What's wrong with Javascript?

David
– David

2013-02-04 03:21:09 +00:00
Commented Feb 4, 2013 at 3:21 — David
– David, Commented Feb 4, 2013 at 3:21
you need to bind the change on checkbox

Jonathan de M.
– Jonathan de M.

2013-02-04 03:25:57 +00:00
Commented Feb 4, 2013 at 3:25 — Jonathan de M.
– Jonathan de M., Commented Feb 4, 2013 at 3:25
id of your checkboxes MUST BE UNIQUE

Deep
– Deep

2016-10-18 09:12:31 +00:00
Commented Oct 18, 2016 at 9:12 — Deep
– Deep, Commented Oct 18, 2016 at 9:12

belens · Accepted Answer · 2013-02-04 03:31:24Z

5

You have to add an event handler that initiates the code. Now it runs when the page is loading.

For instance, you can let a button click handle it:

$('.btn').click(function(){
    $("input[type=checkbox]:checked").each(function() {
        alert( $(this).val() );
    });
});

Here's an example: http://jsfiddle.net/tMRvL/

answered Feb 4, 2013 at 3:31

belens

9621 gold badge8 silver badges18 bronze badges

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

1 Comment

E Ciotti Over a year ago

the original question ask to bind the event to the click, not to a button

Jonathan de M. · Accepted Answer · 2013-02-04 03:29:19Z

2

That should works

  $("input[type=checkbox]").change( function() {
    if($(this).is(":checked")){
       alert( $(this).val() );
    }
  });

Demo on Jsfiddle, other demo on JSBin

answered Feb 4, 2013 at 3:29

Jonathan de M.

9,8488 gold badges50 silver badges72 bronze badges

Comments

krlzlx · Accepted Answer · 2016-10-18 12:03:55Z

0

<script>
    $("[type=checkbox]:checked").each ( function() {
        console.log($(this).val());
    });
</script>

Worked for me :)

edited Oct 18, 2016 at 12:03

krlzlx

5,83114 gold badges51 silver badges60 bronze badges

answered Oct 18, 2016 at 8:41

Tran Anh Hien

7859 silver badges13 bronze badges

1 Comment

Vikash Pandey Over a year ago

don't forget to add some description/details while giving answer

Collectives™ on Stack Overflow

Jquery get multiple checked values from checkbox

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related