Check if checkbox is selected using JQuery

Asked Nov 23 '15 at 05:41

Active Nov 23 '15 at 05:41

Viewed 36 times

I am inserting checkbox using JQuery. When a user click "Add Checkbox" button, the checkbox appears. Now once the user selects this checkbox, I want to get the details i.e value or text of that particular checkbox. How to do that ?

$(document).ready(function() {
  $('.btn-check').click(function() {
    $('.getcheckbox').append('<input class="check-box" type="checkbox" name="vehicle" value="Bike"> I have a bike<br>');
  });

  $('.check-box').change(function() {
    if ($(this).is(':checked')) {
      console.log("tick");
    }
  });
});

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

<div class="getcheckbox">

</div>
<button class="btn-check">Add Checkbox</button>

asked Nov 23 '15 at 05:41

Shubham Sinha

You mean if the checkbox is checked? Select means to click it once but a checkbox can be clicked an infinite amount of times. – www139 Nov 23 '15 at 05:42
Use `$('.getcheckbox').on('change', '.check-box', function() { if ($(this).is(':checked')) { console.log($(this).val()); } });` – Tushar Nov 23 '15 at 05:44
@Tushar Thanks. It worked – Shubham Sinha Nov 23 '15 at 06:44

Check if checkbox is selected using JQuery

0 Answers0