JSFiddle - React, Tailwind, and code Playground

by Samuel DeVore

HTML

<div><label><input type="checkbox" value="-1" class="check">None</label></div>
<div><label><input type="checkbox" class="check">Apple</label></div>
<div><label><input type="checkbox" class="check">Banana</label></div>
<div><label><input type="checkbox" class="check">Orange</label></div>
<div><label><input type="checkbox" class="check">Pear</label></div>

JavaScript

var checked = [],
$check = $('.check').change(function() {
    if (this.value == -1 && this.checked) {
        $check.not(this).prop('disabled', true).prop('checked', false);
        checked = [];
    }
    else {
        $check.prop('disabled', false);
        checked.push(this);
        checked = $(checked)
        checked.prop('checked', false).slice(-2).prop('checked', true);
    }
});