我有一组具有 data-groupid
和 data-multichoice
属性的复选框。
组 1:data-groupid= "1"data=multichoice="0"
(10 个框)
组 2:data-groupid= "2"data=multichoice="0"
(10 个框)
如何一次禁用一组中的所有框?
//function will catch any click on any checkbox with class=lvl
$('.lvl').click(function () {
//check if box was checked
if ($(this).is(":checked")) {
//check if data-attribute is NOT a multi-choice
if (!($(this).data("multichoice"))) {
//disable all checkboxes that have the same group-id
$(this).data("groupid") ... HELP HERE
}
}
});
最佳答案
由于您只想允许从组中选择 1 个项目,因此单选按钮将是更好的选择。
但是如果您仍然想使用复选框,那么您可以使用属性选择器进行过滤
$('.lvl').click(function() {
//check if box was checked
if (this.checked) {
//check if data-attribute is NOT a multi-choice
if (!$(this).data("multichoice")) {
$('.lvl[data-groupid="' + $(this).data('groupid') + '"]').not(this).prop('checked', false);
}
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="lvl" type="checkbox" data-groupid="1" data-multichoice="0" />
<input class="lvl" type="checkbox" data-groupid="1" data-multichoice="0" />
<input class="lvl" type="checkbox" data-groupid="1" data-multichoice="0" />
<br />
<input class="lvl" type="checkbox" data-groupid="2" data-multichoice="0" />
<input class="lvl" type="checkbox" data-groupid="2" data-multichoice="0" />
<input class="lvl" type="checkbox" data-groupid="2" data-multichoice="0" />
<input class="lvl" type="checkbox" data-groupid="2" data-multichoice="0" />
关于javascript - 根据数据属性启用或禁用复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33449735/