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?
2
-
stackoverflow.com/questions/838880/… You could use jQuery to achieve it.rl99– rl992013-08-19 20:25:29 +00:00Commented Aug 19, 2013 at 20:25
-
is this what you are trying to achieve? datatables.net/extensions/select/examples/initialisation/…Bindrid– Bindrid2017-06-12 01:08:09 +00:00Commented Jun 12, 2017 at 1:08
Add a comment
|
4 Answers
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.
1 Comment
rmoh21
could you please share an example?
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.
Comments
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
Comments
var _MainDataTable = $('#dataTable').DataTable();
...
$("#dataTable").on('click', 'tr', function () {
if (_MainDataTable.$(".selected").length > 1) {
_MainDataTable.$(".selected").removeClass('selected');
$(this).addClass("selected");
}
});
