我在单独的标签内有四个复选框。如果我选择第一个复选框,则禁用所有其余的复选框
如果我选择第一个复选框,则所有其余的复选框将被禁用。如果我再次点击第一个,所有复选框将被启用。 如果我选择其他复选框,其他复选框仍处于启用状态:我可以选择多个复选框。 See image here
我该如何设置?
我在单独的标签内有四个复选框。如果我选择第一个复选框,则禁用所有其余的复选框
如果我选择第一个复选框,则所有其余的复选框将被禁用。如果我再次点击第一个,所有复选框将被启用。 如果我选择其他复选框,其他复选框仍处于启用状态:我可以选择多个复选框。 See image here
我该如何设置?
试试这个:
HTML:
<label for="one"><input type="checkbox" name="one" id="one"></label>
<label for="two"><input type="checkbox" name="two" id="two"></label>
<label for="three"><input type="checkbox" name="three" id="three"></label>
<label for="four"><input type="checkbox" name="four" id="four"></label>
的jQuery:
$('input[type="checkbox"]').on('change', function() {
if($('input[type="checkbox"]').eq(0).is(':checked')){
$('input[type="checkbox"]').not($(this)).attr('disabled', true);
}
else{
$('input[type="checkbox"]').not($(this)).attr('disabled', false);
}
});
如果您想要了解如何禁用所有其他“复选框”,请使用radiogroups。如果您说第一个复选框会自动触发其他复选框的切换,请尝试取消组合或将它们分开放置,因为听起来好像您在那里存在某种错误的分组和依赖关系。
你可以张贴你尝试过什么到目前为止? – JazZ
[最小,可验证的示例](http://stackoverflow.com/help/mcve)在这里需要 – Nikita