每行一個復選框的動態表，並且只能選中一個 (true)

Question

我知道有人問過類似的問題，但沒有人幫助我解決我的問題。

我正在顯示一個動態表，其中包含來自 sql 請求的所有結果，用戶必須通過選中一個復選框來選擇一行，但只有一個。 問題是我不知道如何使用動態表來做到這一點。

有人能告訴我我做錯了什么或可以改進什么這是我的 html 和 javascript：

 $("input:checkbox").on('click', function() { var $box = $(this); if ($box.is(":checked")) { var group = "input:checkbox[name='" + $box.attr("name") + "']"; $(group).prop("checked", false); $box.prop("checked", true); } else { $box.prop("checked", false); } });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table id="table" border="1"> <thead> <tr> <th>Position</th> <th>Quantity</th> <th>Select</th> </tr> </thead> <tbody> <tr ng-repeat="row in msg.payload"> <td ng-repeat="item in row" >{{item}}</td> <td ><input type="checkbox" class="radio" value="1" name="row[1][]" /></td> </tr> </tbody> </table>

Answer 1

只需要通過 type="radio" 更改 type="checkbox"