javascript - 仅在数据表中选择一个复选框行

Question

我希望在 Datatables 中一次只能选择 1 个复选框。

在下面的示例中，可以选择多行。我怎样才能一次只允许选择一行？

http://datatables.net/examples/api/form.html

Answer 1

您可以使用单选按钮而不是复选框。

例子：

<input type="radio" name="fieldName" value="check1" />
<input type="radio" name="fieldName" value="check2" />
<input type="radio" name="fieldName" value="check3" />
<input type="radio" name="fieldName" value="check4" />

“name”属性是将单选按钮组合在一起，“value”属性是用来区分它们的。

Answer 2

如何使用jQuery选择html页面中第一个表的第一行？ 选择给定表中的一行。您可以使用 jQuery 来实现它。

Answer 3

您应该使用单选按钮，

<form action="path/to/form_submit_script.php" method="get">
  <input type="radio" name="red" value="Red" /> Red<br />
  <input type="radio" name="blue" value="Blue" /> Blue<br />
  <input type="radio" name="green" value="Green" /> Green<br />
  <input type="submit" value="Submit">
</form>

这是工作示例jsfiddle 示例

Answer 4

var _MainDataTable = $('#dataTable').DataTable();
...
$("#dataTable").on('click', 'tr', function () {
    if (_MainDataTable.$(".selected").length > 1) {
        _MainDataTable.$(".selected").removeClass('selected');
        $(this).addClass("selected");
    }
});