JSFiddle - React, Tailwind, and code Playground

Image component links

by tonytlwu

HTML

<p>
<input id="gallery" type="checkbox" /> Enable tap-to-zoom
</p>
<p>
<input id="actions" type="checkbox" /> Enable other tap actions
<br><button>Add action</button>
</p>

CSS

button {
  display: none;
}

input[type="checkbox"]:checked ~ button {
  display: inline;
}

JavaScript

$('input[type="checkbox"]').on('change', function(){
	if ($(this).is(':checked')) {
    // Makes sure there is only one checkbox checked at a time
  	$('input[type="checkbox"]').not(this).prop('checked', false);
  }
});