JSFiddle - React, Tailwind, and code Playground

by arasjoomla

HTML

<input name="price[]" type="checkbox" class="example" value="100" />
<input name="price[]" type="checkbox" class="example" value="200" />
<input name="price[]" type="checkbox" class="example" value="300" />
<input name="price[]" type="checkbox" class="example" value="400" />
<p id="price"></p>

JavaScript

$('input.example').on('change', function() {
    $('input.example').not(this).prop('checked', false);
    $('#price').text(this.value);
});