JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.js"></script>
<form>
  <input type="checkbox" class="radio" value="1" name="fooby[1][]" />
  <input type="checkbox" class="radio" value="1" name="fooby[1][]" />
  <input type="checkbox" class="radio" value="1" name="fooby[1][]" />

  <input type="checkbox" class="radio" value="1" name="fooby[2][]" />
  <input type="checkbox" class="radio" value="1" name="fooby[2][]" />
  <input type="checkbox" class="radio" value="1" name="fooby[2][]" />
</form>

JavaScript

$('form').each(function() { // iterate forms
	  var $this = $(this);
	  $this.find('input:checkbox').click(function() {
	    var group = 'input:checkbox[name="' + $(this).attr('name') + '"]';
	    $this.find(group).not(this).attr('checked', false).prop('checked', false); // also use prop, for real Property change
	  });
	});