How to get checkbox checked attribute id when button clicked in jQuery.

  • 3114

I have list of check boxes with attribute id and a button when I check on checkbox and click on button it will return id of selected checkbox.

how to get selected if using jquery

index.html:

Here, we created one HTML file. Which is hold HTML and Jquiry code.

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
</head>
<body>

<div id="checkboxlist">
  <div><input type="checkbox" id="Java" class="chk">Java</div>
  <div><input type="checkbox" id="Php" class="chk">Php</div>
  <div><input type="checkbox" id="Html" class="chk">Html</div>
  <div><input type="checkbox" id="Python" class="chk">Python</div>
    <div>
    <input type="button" value="Click" id="buttonClass">
  </div>
</div>
</div>
    
<script>
    $("#buttonClass").on("click", function() {
  var checkedIds = $(".chk:checked").map(function() {
    return this.id;
  }).toArray();
  alert(checkedIds.join(", "));
});
</script>    

</body>
</html>
Tags:
Varun Singh

Thank you for reading this article, and if you have any problem, have a another better useful solution about this article, please write message in the comment section. We will be very happy to hear that.

If you like my tutorial, please follow us on facebook, Google + and Twitter. I need your support to continue.