Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/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
jquery取消选中复选框_Jquery_Html - Fatal编程技术网

jquery取消选中复选框

jquery取消选中复选框,jquery,html,Jquery,Html,这是一段复制的代码,我做了一些修改。问题是,我只是想知道如何取消选中复选框,然后再取消选中所有复选框。 代码如下: #html# 您的类选择器拼写错误。它不是uncheckall,而是unkeckall 演示: 您拼错了uncheckall,您可以使用change()事件而不是click(),使其也适用于键盘/移动用户 $('#tab1 .uncheckall').change(function(){ if($('.uncheckall').is(':checked')){

这是一段复制的代码,我做了一些修改。问题是,我只是想知道如何取消选中复选框,然后再取消选中所有复选框。 代码如下:

#html#

您的类选择器拼写错误。它不是uncheckall,而是unkeckall

演示:


您拼错了uncheckall,您可以使用
change()
事件而不是
click()
,使其也适用于键盘/移动用户

$('#tab1 .uncheckall').change(function(){
    if($('.uncheckall').is(':checked')){
        $('.check').prop('checked', false);
    }  
});

$('#tab1 .check').change(function(){
    if($(this).val())
        $('.uncheckall').prop('checked', false);
}); 
另见

(我还注意到取消勾选复选框的名称是
checkall
-这非常混乱…建议您也更改一下)

您有两个问题

1)如果您有一个输入错误,则在取消勾选取消勾选时,应该是
取消勾选
而不是
取消勾选

2)您只需选中
单击
取消选中
,这样它就不会选中其他复选框。我让它选中所有复选框的点击

$(':checkbox').click(function(){
    if($('.uncheckall').is(':checked')){
        $('.check').prop('checked', false);
    }  
    else {
        $('#tab1 .check').click(function(){
            $('.uncheckall').prop('checked', false);
        }); 

    }

});

改用更改:

$('#tab1 .uncheckall').change(function(){
    $('.check').prop('checked', false);
});
$('#tab1 .check').change(function(){
    $('.uncheckall').prop('checked', false);
});

(代码缩短)

为什么不使用按钮取消选中?谢谢peter:)指出我的错误和我没有注意到的信息,而且我注意到其他问题也需要删除。
$('#tab1 .uncheckall').change(function(){
    if($('.uncheckall').is(':checked')){
        $('.check').prop('checked', false);
    }  
});

$('#tab1 .check').change(function(){
    if($(this).val())
        $('.uncheckall').prop('checked', false);
}); 
$(':checkbox').click(function(){
    if($('.uncheckall').is(':checked')){
        $('.check').prop('checked', false);
    }  
    else {
        $('#tab1 .check').click(function(){
            $('.uncheckall').prop('checked', false);
        }); 

    }

});
$('#tab1 .uncheckall').change(function(){
    $('.check').prop('checked', false);
});
$('#tab1 .check').change(function(){
    $('.uncheckall').prop('checked', false);
});