javascript - 如何强制复选框表现得像单选按钮、双循环

Question

我在 2 个 for 循环中有复选框。我想强制它们表现得像单选按钮一样。每个 Q(第一个循环)只能选择一个选项。我有一个和平的代码，但它不起作用。如何更改？

script type="text/javascript">  

    var classes = $('.myDiv').map(function () {
        return $(this).attr('class');
    }).get();

    $.each(classes, function(i) {
        $(classes[i]).change(function() {
            var checked = $(this).is(':checked');
            $(classes[i]).prop('checked',false);
            if(checked[i]) {
                $(this).prop('checked',true);
            }
        });
    });  

Answer 1

向复选框输入添加一个公共(public)类，然后使用该类，如下所示

$("input:checkbox").change(function() {
		    $(this).siblings().prop('checked', false);
		    $(this).prop('checked', true);
		});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>
	<tr>
		<td>
		    <input type="checkbox" value="1" />
			<input type="checkbox" value="1" />
			<input type="checkbox" value="1" />
		</td>
	</tr>
	<tr>
		<td>
			<input type="checkbox" value="1" />
			<input type="checkbox" value="1" />
			<input type="checkbox" value="1" />
		</td>
	</tr>
</table>