JSFiddle - React, Tailwind, and code Playground
HTML
<input type="checkbox" id="@riggingType.RiggingTypeId" name="RiggingTypePlus" value="@riggingType.RiggingTypeId" checked="@riggingTypeIds.Contains(riggingType.RiggingTypeId)" />
<input type="checkbox" id="@riggingType.RiggingTypeId" name="RiggingTypeMinus" value="@riggingType.RiggingTypeId" checked="@riggingTypeIds.Contains(riggingType.RiggingTypeId)" />
JavaScript
$(document).ready(function(){
$(":checkbox").on('click', function () {
var $this = $(this);
var inputs = $this.closest("form").find(":checkbox");
if ($this.attr('name').substring(this.name.length - 4, this.name.length) === "Plus") {
$this.next().prop('checked', false);
}
});
});