投稿:jingxian 字体:[增加 减小] 类型:转载 时间:2017-04-01 我要评论
下面小编就为大家带来一篇 jq checkbox 的全选并 ajax 传参的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
实例如下:
- /全选按钮
- $("#all").click(function(){
- if(this.checked){
- $(":checkbox").prop("checked", true);
- }else{
- $(":checkbox").removeAttr("checked");
- }
- });
- $("#form").on('click','.ids',function(){
- var chknum = $("input[name='ids']:checkbox").size();/ / 选项总个数
- var chk = 0;
- $("input[name='ids']:checkbox:checked").each(function() {
- chk++;
- });
- if (chknum == chk) { //全选
- $("#all").prop("checked", true);
- } else { //不全选
- $("#all").removeAttr("checked");
- }
- });
- //上下架
- $('#form').on('click', '.up,.down',
- function() {
- var my = $(this);
- var val = my.data('status');
- var url = my.data('url');
- var valArr = new Array;
- $("input[name='ids']:checkbox:checked").each(function(i) {
- valArr[i] = $(this).val();
- });
- var vals = valArr.join(',');
- $.ajax({
- url: my.data('url'),
- method: 'post',
- data: {
- status: val,
- ids: vals
- },
- success: function() {
- $("#all").removeAttr("checked");
- table.search();
- }
- });
- });
以上这篇 jq checkbox 的全选并 ajax 传参的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
jq checkbox 全选
来源: http://www.jb51.net/article/110159.htm