JSFiddle - React, Tailwind, and code Playground

HTML

<div class="">
    <p>
        <input type="checkbox" id="indeterminate-checkboxm1" />
        <label for="indeterminate-checkboxm1" class="black-text">B.Tech/B.E.</label>
    </p>
    <p>
        <input type="checkbox" id="indeterminate-checkboxm2" />
        <label for="indeterminate-checkboxm2" class="black-text">Diploma</label>
    </p>
    <p>
        <input type="checkbox" id="indeterminate-checkboxm3" />
        <label for="indeterminate-checkboxm3" class="black-text">B.Sc</label>
    </p>
</div>

<script
  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous"></script>

JavaScript

$('input[type="checkbox"]').click(function() {
		var id = $(this).prop('id');
    $(this).is(':checked') ? alert('checked ' + id) : alert('unchecked ' + id);
});