Checkboxes vs radio buttons

HTML

<form action="">
  <input id="id1" type="checkbox"> option1
  <br>
  <input id="id2" type="checkbox"> option2
  <br>
  <input id="id3" type="checkbox"> option3
  <br>
  <form action="">
    <br>
    <form action="">
      <input type="radio" name="category" value="1"> option1
      <br>
      <input type="radio" name="category" value="2"> option2
      <br>
      <input type="radio" name="category" value="3"> option3
    </form>

JavaScript

$('#id1, #id2, #id3').on('change', function() {
  console.log("Changed one!");
  if ($(this).prop('checked', true)) {
    $('#id1,#id2,#id3').not(this).prop('checked', false);
  }
});