bootstrap中icheck的使用案例

最新推荐文章于 2024-08-19 09:48:51 发布

qinyuanyuan123

最新推荐文章于 2024-08-19 09:48:51 发布

阅读量3.9k

点赞数

分类专栏： bootstrap 文章标签： javascript bootstrap checkbox icheck

本文链接：https://blog.youkuaiyun.com/qinyuanyuan123/article/details/44753683

版权

bootstrap 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在Bootstrap环境中使用iCheck库来增强checkbox的功能。通过提供的代码示例，展示了在删除操作前如何检查是否有被选中的checkbox，并通过确认对话框确保用户确认删除操作。在用户确认后，会向后台发送POST请求进行删除操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).ready(function(){

$("input[type='checkbox']:not(.simple)").iCheck({ //这里的simple是指，使用这个的icheck的是内嵌的，使用simple后才能使用代码
/* handle: 'checkbox' */
/* checkboxClass: 'icheckbox' */
checkboxClass: 'icheckbox_minimal' //默认样式
});
//使用ON绑定事件
$("#selectAll").on('ifChecked', function(event){ //如果是选中，点击后则为不选中
$("tbody input").iCheck('check');
});
$("#selectAll").on('ifUnchecked', function(event){ //如果不选中，点击后则为选中
$("tbody input").iCheck('uncheck');
});

});

function del(){
if ($("input[name='errorBox']:checked").length>0) {
$.confirm("Are You Sure to Delete This?", {ok:function(){
$.post("${path}/arwen/uploadTrack/removeUploadTrack", $("input[name='errorBox']").serialize(), function(result) { //调用后台方法
if (result.result) {
window.location.reload(); //重载并刷新
} else {
alert(result.message);
}
})
}})
}
}