Question

我有bootstrap数据表，我使用thymeleaf动态绑定值。因为我的一个栏目是单选按钮。如何确保在用户提交表单时只选择一行或一个单选按钮。目前它允许用户同时选择多个单选按钮/行。 Bootstrap数据表本身是否有这样的选项可供使用。我正在使用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>

Answer 1

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

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

带选择列的bootstrap数据表，带有单选按钮

1 个答案: