jQuery: make checkboxes act like radio buttons?

Question

Is there a way to make checkboxes act like radio buttons? I assume this could be done with jQuery?

Answer 1

The solution given doesn't care about the initial state, which is different from the radio buttons behavior. Plus, it also triggers a change event when clicking on an already checked input.

var $elements = $('input:checkbox');

// Allow only one input to be selected
$elements.filter(':checked:not(:last)').prop('checked', false);

// Get selected input
var selected = $elements.filter(':checked')[0] || {};

// Handle event
$(document).on('click', 'input:checkbox', function(e) {
  if (e.currentTarget === selected) {
    e.preventDefault(); 
  } else {
    selected.checked = false;
    selected = e.currentTarget;
  }
});

 test 0
 test 1
 test 2
 test 3

I also agree that doing that is a bad idea, but if you have a different name for each input (and can't change them), there is no other choice...