bootstrap中icheck的使用案例
2015-03-30 17:17
453 查看
$(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);
}
})
}})
}
}
$("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);
}
})
}})
}
}
相关文章推荐
- bootstrap的icheck插件使用
- 使用Angular 4、Bootstrap 4、TypeScript和ASP.NET Core开发的Apworks框架案例应用
- 使用BootStrap进行响应式布局案例
- 第二章 使用Bootstrap的准备-tab标签小案例 笔记3
- 使用Angular 4、Bootstrap 4、TypeScript和ASP.NET Core开发的Apworks框架案例应用:Task List
- Bootstrap 字体图标使用案例
- bootstrap的icheck插件使用
- 20个使用Bootstrap制作的前端框架网站案例
- mybatis分页插件使用案例(前端bootstrap)
- 使用SQLRootKit网页数据库后门控制案例
- SQL Server2005探索之---正确使用索引SQL案例补充
- 有关使用和部署 Java 持久性体系结构 (JPA) 的案例研究
- 一个非常精彩的jtune使用案例
- 一个使用线程局部存储(ThreadLocal)技术导致用户会话信息泄露案例的剖析
- [MySQL优化案例]系列 -- 无法使用查询缓存
- Applet的简单使用案例
- samba案例使用小记
- 浪潮集团通用软件公司使用微软VSTS经典案例
- 14.4 使用EXPDP 和 IMPDP 搬移表空间 案例
- 使用Webwork OGNL案例