jquery event when click on any checkbox of a specific form

Question

i have a form with lots of checkboxes.

the names and the number of checkboxes are created dynamically.

how can i get a jquery onClick event when i click on any of these checkboxes?

<form id="myform">
    <input type="checkbox" name="chk_123">
    <input type="checkbox" name="chk_456">
    <input type="checkbox" name="chk_23">
    <input type="checkbox" name="chk_3">
    <input type="checkbox" name="chk_443">
    <input type="checkbox" name="chk_6764">
</form>

i wish to select them using the form's id, in this example all checkboxes that belong to form #myform.

i ask this question because i don't wish to just add a class name to every checkbox and select by class name.

my goal: an alert box "you just clicked the checkbox with name chk_{whatever the number is}"

Rory McCrossan · Accepted Answer · 2014-04-07 09:50:48Z

6

Use an attribute selector:

$('#myform input[type="checkbox"]').change(function() {
    alert("You just clicked checkbox with the name " + this.name)
});

Example fiddle

answered Apr 7, 2014 at 9:50

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Comments

Felix · Accepted Answer · 2014-04-07 09:51:50Z

1

You can do:

$('#myform').on('change','input[type="checkbox"]',function() {
    alert('you just clicked the checkbox with name' + this.name);
});

answered Apr 7, 2014 at 9:51

Felix

38.2k8 gold badges45 silver badges56 bronze badges

2 Comments

Felix Over a year ago

Also note that you need to use event delegation with .on() since your input have been added dynamically to the DOM.

Sharky Over a year ago

they are generated dynamically server side, i ll have this in mind if any client-side element addition happens :D

Ahsan Mahboob Shah · Accepted Answer · 2014-04-07 09:59:44Z

0

you can achieve it like follows:

$("#myform input:checkbox").change(function() {
    alert("you just clicked the checkbox with name "+ $(this).attr("name"));
});

answered Apr 7, 2014 at 9:59

Ahsan Mahboob Shah

4,0392 gold badges37 silver badges50 bronze badges

Collectives™ on Stack Overflow

jquery event when click on any checkbox of a specific form

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related