javascript - 更改事件的复选框在 Safari 上不起作用

Question

预先感谢您对此的帮助。我的页面有一个特殊要求，我需要一个复选框来“充当”单选按钮，因此一次只能选中一个。为了实现这一点，我使用了下面的代码片段”

<script>
$('input:checkbox').on('change', function() {
  $('input:checked').not($(this)).closest('.w-checkbox').click();
});
</script>

它在 Chrome 上完美运行。然而，它不适用于 Safari，并且允许单击多个复选框。我想知道是否有人对如何解决这个问题有想法，因为我已经尝试了很多替代方案，但不幸的是需要复选框

Answer 1

取消选中复选框的正确方法是更改​​ checked 属性。

$('input:checkbox.w-checkbox').change(function() {
  $('input:checkbox.w-checkbox').not(this).prop('checked', false);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="checkbox" class="w-checkbox" />
<input type="checkbox" class="w-checkbox" />
<input type="checkbox" class="w-checkbox" />