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

Question

I want to be able to select only 1 checkbox at a time in Datatables.

In the example below, multiple rows can be selected. How can I go about only allowing one row to be selected at a time?

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

Answer 1

You could use Radio buttons instead of checkboxes.

Example:

<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" />

The "name" attribute is what groups the radio buttons together, the "value" attribute is what will differentiate them.

Answer 2

How to select first row of the first table in an html page using jQuery? Selects one row in a given table. You could use jQuery to achieve it.

Answer 3

You should use the radio button,

<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>

Here is the working example 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");
    }
});