JSFiddle - React, Tailwind, and code Playground

by SullysRants

HTML

<input id="1" name="1" type="checkbox" />
<label for="1">1</label>
<br/>
<input id="2" name="2" type="checkbox" />
<label for="2">2</label>
<br/>
<input id="3" name="3" type="checkbox" />
<label for="3">3</label>
<br/>
<br/>
<div id="test" style="display:none">XXX</div>

JavaScript

$("#1, #2, #3").click(function() {
  if ($("#1").is(':checked') == true && $("#2").is(':checked') == true && $("#3").is(':checked') == true) {
    $("#test").show();
  } else {
    $("#test").hide();
  }
});