JSFiddle - React, Tailwind, and code Playground

by Webov Wev

HTML

<input type="checkbox" name="one" class="checkbox1"> .checkbox1<br>
<input type="checkbox" name="one" class="checkbox2"> .checkbox2<br>

<p></p>

JavaScript

$('.checkbox1').click(function(){
	$(".checkbox1").prop("checked", true).change();
	$(".checkbox2").prop("checked", false);
})

$('.checkbox2').click(function(){
	$(".checkbox2").prop("checked", true);
	$(".checkbox1").prop("checked", false);
})

$(".checkbox1").change(function() {
 $("p").html(".checkbox1: <b>" + $(this).prop('checked') + "</b><br>")
}).change();