javascript - 如何从动态表中选择一个或另一个或不选择复选框？

我创建了一个动态表。在每一行中，我添加了两个复选框buy和sell，每个复选框都有一个.checkboxClass类。我希望用户能够选择buy或sell，但不能同时选择两者。

到目前为止，这是我的代码：

$('input.checkboxClass').on('click', function() {
    $('input.checkboxClass').not(this).prop('checked', false);
});

这仅适用于一行。随着添加更多行，它会失败。这是因为checkboxClass在整个表中都重复，这意味着该脚本仅允许您一次选择一个复选框。

最佳答案

我不敢相信到目前为止还没有人提出这个建议。您的问题是对HTML的普遍误解。这不是复选框的用途。您应该使用单选按钮：

<div>
  <input type="radio" name="radio1" value="buy" id="buy">
  <label for="buy">buy</label>
  <input type="radio" name="radio1" value="sell" id="sell">
  <label for="sell">sell</label>
</div>

这将为您自动实现此功能。无需脚本。