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

How to select first row of the first table in an html page using jQuery? 选择给定表中的一行。您可以使用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 example

Answer 4

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

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

4 个答案: