JSFiddle - React, Tailwind, and code Playground

by jquerybyexample

HTML

<b> <input type="checkbox" id="chkSelect" /> Check/Uncheck me </b>
  <br/><br/>
  <input type="button" id="btnStatus" value="Get Checkbox status" />
  <br/><br/>
  <p></p>

CSS

body {font-family:Arial; font-size:10pt;}

JavaScript

$(document).ready(function() {
      $('#btnStatus').click(function(){
        var isChecked = $('#chkSelect').is(':checked');
        alert(isChecked);
        if(isChecked)
          $('p').html('Checkbox is checked: <b>True</b>');
        else
          $('p').html('Checkbox is checked: <b>False</b>');
      });
    });