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