how to get the value of a particular checkbox if it is checked when submitting a button?

Question

I have two divs containing the same checkbox with the same name,class and id. When I am selecting the checkbox of a particular div , it should alert the value of that checkbox when submitting a button.

Example :

<div>

    <input type="checkbox" class="snowplay" id="snowplayy" name="snowplay" value="1">
</div>
<div>

    <input type="checkbox" class="snowplay" id="snowplayy" name="snowplay" value="2">
</div>
<div>

    <input type="submit" class="submit" id="submit" name="submit" />
</div>

When I am clicking any of the two checkboxes, and then submitting the button, I want to alert the value of the checkbox of that particular checkbox. Can anyone say how to do this ?

ID should be unique

guradio
– guradio

2016-10-03 09:01:18 +00:00
Commented Oct 3, 2016 at 9:01 — guradio
– guradio, Commented Oct 3, 2016 at 9:01

guradio · Accepted Answer · 2016-10-03 09:03:44Z

1

$('.submit').click(function(e) {
  e.preventDefault()
    //alert($('.snowplay:checked').val()) //single value
  $('.snowplay:checked').each(function() {//iterate over 
    alert($(this).val()) // many value

  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>

  <input type="checkbox" class="snowplay" id="snowplayy" name="snowplay" value="1">
</div>
<div>

  <input type="checkbox" class="snowplay" id="snowplayy1" name="snowplay" value="2">

</div>

<div>

  <input type="submit" class="submit" id="submit" name="submit" />

</div>

Use this .snowplay:checked checkbox with class snowplay that is checked
Change your id to be unique

answered Oct 3, 2016 at 9:03

guradio

15.6k4 gold badges39 silver badges65 bronze badges

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

Comments

Jobelle · Accepted Answer · 2016-10-03 09:40:38Z

0

Id should be unique. So here i removed the id Attribute :).

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#submit').click(function(){
$('.snowplay:checked').each(function(){
alert($(this).val())
});

});

});
</script>
</head>
<body>
<div>

    <input type="checkbox" class="snowplay"  name="snowplay" value="1">
</div>
<div>

    <input type="checkbox" class="snowplay"  name="snowplay" value="2">
</div>
<div>

    <input type="submit" class="submit" id="submit" name="submit" />
</div>

</body>
</html>

answered Oct 3, 2016 at 9:40

Jobelle

2,8441 gold badge17 silver badges27 bronze badges

Collectives™ on Stack Overflow

how to get the value of a particular checkbox if it is checked when submitting a button?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related