javascript - 使复选框像单选按钮一样可以取消选中

Question

我需要有 2 个复选框作为单选按钮，但我无法使用单选按钮，因为我想让取消选中可用

<script type="text/javascript">
$(document).ready(function() {
$(".gps-garmin").click(function() {
  selectedBox = this.id;
  $(".gps-garmin").each(function() {
    if ( this.id == selectedBox )
    {
      this.checked = true;
    }
    else
    {
      this.checked = false;
    };
  });
 });
});

<td><input type="checkbox" id="garmin" value="garmin" class="gps-garmin"></td>
<td><input type="checkbox" id="gps" value="gps" class="gps-garmin"></td>

实际上我的复选框的工作方式与单选按钮完全相同，我在这里找到了这段代码，但我需要取消选中它

Answer 1

试试这个:

$(".gps-garmin").click(function() {
  var check = $(this).prop('checked');
  $(".gps-garmin").prop('checked',false);
  $(this).prop('checked', (check) ? true : false);
  });