Javascript iCheck插件-如果所有复选框都未选中,如何隐藏按钮
如果所有复选框都未选中,我试图隐藏消息的所有按钮。问题是我正在使用一个插件调用iCheck,一些脚本无法工作,因为我没有引用插件。所以我不得不使用它们的回调函数来实现它。但这个问题我无法解决。我看到的大多数解决方案都是针对那些没有在复选框中使用插件的人。我不知道怎么用这个。 这里发生的事情是,如果我选中一个复选框,它会显示按钮。但是如果选中另一个(现在我有两个勾选的复选框)并取消选中另一个,它会隐藏按钮。我假设它之所以隐藏,是因为它只侦听一个复选框上的更改。现在,如何在隐藏按钮之前检查所有复选框是否未选中 这是我的密码 HTML 输出Javascript iCheck插件-如果所有复选框都未选中,如何隐藏按钮,javascript,jquery,icheck,Javascript,Jquery,Icheck,如果所有复选框都未选中,我试图隐藏消息的所有按钮。问题是我正在使用一个插件调用iCheck,一些脚本无法工作,因为我没有引用插件。所以我不得不使用它们的回调函数来实现它。但这个问题我无法解决。我看到的大多数解决方案都是针对那些没有在复选框中使用插件的人。我不知道怎么用这个。 这里发生的事情是,如果我选中一个复选框,它会显示按钮。但是如果选中另一个(现在我有两个勾选的复选框)并取消选中另一个,它会隐藏按钮。我假设它之所以隐藏,是因为它只侦听一个复选框上的更改。现在,如何在隐藏按钮之前检查所有复选框
您可以检查复选框的长度,并在此基础上尝试显示和隐藏复选框。请尝试下面的代码片段
$(文档).ready(函数(){
$('.i-checks').iCheck({
checkboxClass:'icheckbox_square-green',
无线电课堂:“伊拉迪奥广场-绿色”
});
$('.messageID')。在('ifChecked ifUnchecked',函数(事件){
if($('.messageID').filter(':checked').length==0){
$('.mail tools').children('button').hide();
}否则{
$('.mail tools').children('button').show();
}
});
});代码>
.mail工具按钮{显示:无;}
非常感谢。它确实有效,解决了我的问题。但是你能解释一下你在('ifChecked ifUnchecked',function(event){…
上做了什么吗?ifChecked
和ifUnchecked
是在一起的,加上参数event
。谢谢。现在事件同时调用了ifChecked ifUnchecked
<div class="mail-tools tooltip-demo m-t-md">
<div class="btn-group float-right">
<button class="btn btn-white btn-sm"><i class="fa fa-arrow-left"></i></button>
<button class="btn btn-white btn-sm"><i class="fa fa-arrow-right"></i></button>
</div>
<a href="mailbox.php" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="left" title="Refresh Inbox"><i class="fa fa-refresh"></i> Refresh</a>
<button class="btn btn-white btn-sm" id="mark-as-read" data-toggle="tooltip" data-placement="top" title="Mark as read/unread"><i class="fa fa-eye"></i> </button>
<button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Mark as important"><i class="fa fa-exclamation"></i> </button>
<?php
if(isset($_GET['d'])){
$title = "Delete permanently";
}else{
$title = "Move to trash";
}
?>
<button type="submit" name="deleteMessage" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>"><i class="fa fa-trash-o"></i> </button>
</div>
<td class="check-mail">
<input type="checkbox" class="i-checks messageID" name="messageID" value="<?php echo $message['messageID']; ?>">
</td>
$(document).ready(function(){
$('.i-checks').iCheck({
checkboxClass: 'icheckbox_square-green',
radioClass: 'iradio_square-green'
});
$('.messageID').on('ifClicked', function(){
$('.messageID').on('ifChecked', function(){
$('.mail-tools').children('button').show();
});
$('.messageID').on('ifUnchecked', function(){
$('.mail-tools').children('button').hide();
});
});
});