如何强制复选框的行为像radiobutton,双循环

时间:2017-04-01 11:37:59

标签: javascript jquery html razor

我在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);
            }
        });
    });  

1 个答案:

答案 0 :(得分:0)

在复选框输入中添加一个公共类,然后使用该类,如下所示



$("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>
&#13;
&#13;
&#13;