bootstrap iCheck插件 全选和获取value值的解决方法
2016-01-29 17:06
721 查看
在使用jQuery iCheck 插件的时候遇到了一个问题,就是当我们使用普通的js全选功能无效了。
这样来写对默认的checkbox框没问题,但是当使用iCheck 插件后将无效。那么该怎么解决呢?最后是在stackoverflow 找到的解决方法:地址是这里: http://stackoverflow.com/questions/17820080/function-select-all-and-icheck
在解决了全选问题后,又遇到了一个新的问题,获取选中的checkbox的value的时候,使用:$(this).attr('checked');获取不到值了~,蛋疼。最后几经Google搜索,还是在stackoverflow 找到了启发,判断checkbox的布尔值,使用 :$(this).is(':checked');最后代码的解决方法如下:
$("#checkall").click( function(){ if(this.checked){ $("input[name='checkname']").each(function(){this.checked=true;}); }else{ $("input[name='checkname']").each(function(){this.checked=false;}); } } );
这样来写对默认的checkbox框没问题,但是当使用iCheck 插件后将无效。那么该怎么解决呢?最后是在stackoverflow 找到的解决方法:地址是这里: http://stackoverflow.com/questions/17820080/function-select-all-and-icheck
在解决了全选问题后,又遇到了一个新的问题,获取选中的checkbox的value的时候,使用:$(this).attr('checked');获取不到值了~,蛋疼。最后几经Google搜索,还是在stackoverflow 找到了启发,判断checkbox的布尔值,使用 :$(this).is(':checked');最后代码的解决方法如下:
$("#manager_click").parent().siblings(".btn-primary").click(function(){ // var url = $(this).attr('data-url'); var str=""; var ids=""; $("#manager_table td.check-mail input").each(function(){ if(true == $(this).is(':checked')){ str+=$(this).parent().parent().siblings(".mail-ontact").text()+","; } }); if(str.substr(str.length-1)== ','){ ids = str.substr(0,str.length-1); } console.log(str); console.log(ids); });
相关文章推荐
- Bootstrap fileinput.js,最好用的文件上传组件
- bootstrap使用记录
- 为Bootstrap模态对话框添加拖拽移动功能
- Bootstrap on ROR
- 【Bootstrap3.0建站笔记一】表单元素排版
- Bootstrap 学习
- bootstrap fileinput 文件上传工具
- andorid 控件 Bootstrap3.0风格的控件 精美UI控件库
- JS组件系列之Bootstrap Icon图标选择组件
- 很不错的两款Bootstrap Icon图标选择组件
- JS组件系列——不容错过的两款Bootstrap Icon图标选择组件
- Datatables+Bootstrap
- Bootstrap中的 Typeahead 组件
- bootstrap3 兼容IE8浏览器
- 很不错的两款Bootstrap Icon图标选择组件
- JS组件系列之Bootstrap Icon图标选择组件
- Bootstrap 页面标题(Page Header)
- Bootstrap 缩略图
- Bootstrap 警告(Alerts)
- Bootstrap 进度条