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);
  });

Answer 2

如How-to-uncheck-a-radiobutton中所述，你应该能够通过使用普通的js或jQuery清除一个单选按钮

例如，在使用普通js（从链接答案中复制）的情况下：

this.checked = false;

Answer 3

这是你在尝试： $（“。gps-garmin”）。click（function（）{

if（$（this）.prop（“checked”）== true）{

$（ “GPS-Garmin的。”）丙（ '检查'，假）;

$(this).prop('checked',true);

} 否则if（$（this）.prop（“checked”）== false）{

$(".gps-garmin").prop('checked',false);


        }

}）;

使复选框像radiobutton WITH取消选中可用

3 个答案: