带有单选按钮的选择列的引导数据表

Posted 2023-02-24

【中文标题】带有单选按钮的选择列的引导数据表

【英文标题】：bootstrap datatable with select column with radio button

【发布时间】：2016-04-29 19:18:21

【问题描述】：

我有引导数据表，我正在使用 thymeleaf 动态绑定值。因为我的专栏之一是单选按钮。我如何确保在用户提交表单时只选择一行或一个单选按钮。目前它允许用户同时选择多个单选按钮/行。引导数据表本身是否有任何这样的选项现成可用。 我正在使用 datatables-1.10.9

<table id="testTable" class="table table-striped table-bordered">
    <thead>
    <tr>
        <th scope="col">Select</th>
        <th scope="col">BookingId</th>
        <th scope="col">Source</th>
        <th scope="col">Destination</th>
        <th scope="col">Trip Start Date</th>
        <th scope="col">Status</th>
    </tr>
    </thead>
    <tbody>
    <tr data-th-each="booking : $mybookings">
        <td><input typr="radio" th:value="$booking.id"></input></td>
        <td data-th-text="$booking.source"></td>
        <td data-th-text="$booking.destination"></td>
        <td data-th-text="$booking.tripStartTime"></td>
        <td data-th-text="$booking.statusMaster.statusName"></td>
    </tr>
    </tbody>
</table>

【参考方案1】：

这已在另一篇文章中得到解答，他们为单选按钮添加了名称属性，因此每组按钮只选择一个按钮：

[how to set that only one radio button can be checked