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

Question

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

这是我到目前为止的代码:

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

这只适用于一行。随着添加更多行，它会失败。这是因为 checkboxClass 在整个表格中重复出现，这意味着该脚本一次只能让您选择一个复选框。

Answer 1

我不敢相信到目前为止还没有人提出过这一建议。您的问题是对 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>

这将为您自动执行此功能。无需脚本。