Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 禁用表格行中的所有其他复选框_Javascript_Jquery_Html_Checkbox - Fatal编程技术网

Javascript 禁用表格行中的所有其他复选框

Javascript 禁用表格行中的所有其他复选框,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,如果选择了一个复选框,我需要所有其他复选框。据我所知,代码应该可以正常工作(没有控制台错误)。我做错了什么 由于增加了复杂性,同一事件侦听器可能会勾选其他复选框;理想情况下,包含这些复选框中任何一个被选中的行也应该被禁用 (.chkbox”).on('change',function(){ var-locked=false; //当前行的var var row=$(this.closest('tr').index(); var$checkboxes=$('#key_table>tbody>tr

如果选择了一个复选框,我需要所有其他复选框。据我所知,代码应该可以正常工作(没有控制台错误)。我做错了什么

由于增加了复杂性,同一事件侦听器可能会勾选其他复选框;理想情况下,包含这些复选框中任何一个被选中的行也应该被禁用

(.chkbox”).on('change',function(){
var-locked=false;
//当前行的var
var row=$(this.closest('tr').index();
var$checkboxes=$('#key_table>tbody>tr>td:n子项('+(行+1)+')。查找('[type=checkbox]');
$(此).on('click',函数切换锁定(e){
e、 预防默认值();
//如果为false,则将locked设置为true,反之亦然
锁定=!锁定;
//并将该值应用于复选框的“已禁用”属性
$checkbox.attr('disabled',locked);
});
});

挑选
9
命令
安置
商品
10
运输
航运
商品
11
商品
航运
在这种情况下,您可以使用
.closest().sibbins().find().prop()
方法。另一个建议是使用集体无线电:

$(".chkbox").on('change', function() {
    $(this).closest("td").siblings("td").find(":checkbox").prop("disabled", this.checked);
});
此处
this.checked
返回布尔值。如果选中
true
并取消选中,则
false


在我看来,问题在于您编写代码的方式告诉我如何在当前单击的复选框上绑定单击事件


$(“.chkbox”).on('change',function()){
$(this).closest(“td”).this(“td”).this(“td”).this(“disabled”).checkbox”).prop(“disabled”,this.checked”);
});

挑选
9
命令
安置
商品
10
运输
航运
商品
11
商品
航运
在这种情况下,您可以使用
.closest().sibbins().find().prop()
方法。另一个建议是使用集体无线电:

$(".chkbox").on('change', function() {
    $(this).closest("td").siblings("td").find(":checkbox").prop("disabled", this.checked);
});
此处
this.checked
返回布尔值。如果选中
true
并取消选中,则
false


在我看来,问题在于您编写代码的方式告诉我如何在当前单击的复选框上绑定单击事件


$(“.chkbox”).on('change',function()){
$(this).closest(“td”).this(“td”).this(“td”).this(“disabled”).checkbox”).prop(“disabled”,this.checked”);
});

挑选
9
命令
安置
商品
10
运输
航运
商品
11
商品
航运
在这种情况下,您可以使用
.closest().sibbins().find().prop()
方法。另一个建议是使用集体无线电:

$(".chkbox").on('change', function() {
    $(this).closest("td").siblings("td").find(":checkbox").prop("disabled", this.checked);
});
此处
this.checked
返回布尔值。如果选中
true
并取消选中,则
false


在我看来,问题在于您编写代码的方式告诉我如何在当前单击的复选框上绑定单击事件


$(“.chkbox”).on('change',function()){
$(this).closest(“td”).this(“td”).this(“td”).this(“disabled”).checkbox”).prop(“disabled”,this.checked”);
});

挑选
9
命令
安置
商品
10
运输
航运
商品
11
商品
航运
在这种情况下,您可以使用
.closest().sibbins().find().prop()
方法。另一个建议是使用集体无线电:

$(".chkbox").on('change', function() {
    $(this).closest("td").siblings("td").find(":checkbox").prop("disabled", this.checked);
});
此处
this.checked
返回布尔值。如果选中
true
并取消选中,则
false


在我看来,问题在于您编写代码的方式告诉我如何在当前单击的复选框上绑定单击事件


$(“.chkbox”).on('change',function()){
$(this).closest(“td”).this(“td”).this(“td”).this(“disabled”).checkbox”).prop(“disabled”,this.checked”);
});

挑选
9
命令
安置
商品
10
运输
航运
商品
11
商品
航运
这应该可以:

$(".chkbox").click(function(){
    var currentObj = $(this);
    $(this)
        .closest("tr")
        .find(".chkbox").attr("disabled","disabled");
    $(currentObj).removeAttr("disabled");
});

这应该可以:

$(".chkbox").click(function(){
    var currentObj = $(this);
    $(this)
        .closest("tr")
        .find(".chkbox").attr("disabled","disabled");
    $(currentObj).removeAttr("disabled");
});

这应该可以:

$(".chkbox").click(function(){
    var currentObj = $(this);
    $(this)
        .closest("tr")
        .find(".chkbox").attr("disabled","disabled");
    $(currentObj).removeAttr("disabled");
});

这应该可以:

$(".chkbox").click(function(){
    var currentObj = $(this);
    $(this)
        .closest("tr")
        .find(".chkbox").attr("disabled","disabled");
    $(currentObj).removeAttr("disabled");
});

在本演示中,您也可以取消选中,该操作将启用一行中的每个复选框

工作演示:


在本演示中,您还可以取消选中,该操作将启用一行中的每个复选框

工作演示:


在本演示中,您还可以取消选中,该操作将启用一行中的每个复选框

工作演示:


在本演示中,您还可以取消选中,该操作将启用一行中的每个复选框

工作演示:


@Jai但是人们不能取消选择单选按钮。。。检查it@stumbler这个想法似乎是只检查一个选项,所以我觉得收音机会是一个更好的选择。@Jai但是人们不能取消选择单选按钮。。。检查it@stumbler这个想法似乎是只检查一个选项,所以我觉得收音机会是一个更好的选择。@Jai但是人们不能取消选择单选按钮。。。检查it@stumbler这个想法似乎是只检查一个选项,所以我觉得收音机会是一个更好的选择。@Jai但是人们不能取消选择单选按钮。。。检查it@stumbler这个想法似乎是只选中一个选项,所以我觉得收音机会是一个更好的选择。如果选中一行中的一个复选框,所选的一个也会被选中