每行只勾选一个复选框答案

【问题标题】：Check only one checkbox in each row每行只勾选一个复选框
【发布时间】：2021-11-23 02:19:43
【问题描述】：

我希望能够使用 Jquery Javascript 仅选中 4 个复选框中的一个复选框，我在 PHP 生成的同一页面中有多个带有 4 个复选框的表单，我的做法是

<script>
        $('input.chk1').on('change', function() {
            $('input.chk1').not(this).prop('checked', false);
        });
        $('input.chk2').on('change', function() {
            $('input.chk2').not(this).prop('checked', false);
        });
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form action="">
<input type="checkbox" id="chk1" class="chk1"/>
<input type="checkbox" id="chk2" class="chk1"/>
<input type="checkbox" id="chk3" class="chk1"/>
<input type="checkbox" id="chk4" class="chk1"/>
</form>


<form action="">
<input type="checkbox" id="chk1" class="chk2"/>
<input type="checkbox" id="chk2" class="chk2"/>
<input type="checkbox" id="chk3" class="chk2"/>
<input type="checkbox" id="chk4" class="chk2"/>
</form>

......

因为我在一个项目列表中有这么多表格，所以最好的方法是什么？

【问题讨论】：

您不能拥有多个具有相同 id 的元素，例如 chk1
如果您只想选中单个表单中的一个复选框，为什么不使用单选按钮而不是复选框？
为什么收音机不工作？它只是您需要的，因为您只想从多个中选择一个。
是的，没错，意识到我的错误

标签： jquery jquery-ui checkbox

【解决方案1】：

我已经设法使用单选按钮而不是复选框

这个解决方案也解决了我的问题： html select only one checkbox in a group

【讨论】：