每行只勾选一个复选框

Question

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

<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>

......

因为我的项目列表中有这么多表格，所以实现此目标的最佳方法是什么？

Answer 1

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

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

每行只勾选一个复选框

Check only one checkbox in each row

jquery

jquery-ui

checkbox