AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

jq checkbox 的全选并ajax传参的实例

51自学网 http://www.wanshiok.com
jq,checkbox,全选

实例如下:

/全选按钮  $("#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传参的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持wanshiok.com。


jq,checkbox,全选  
上一篇:ES5学习教程之Array对象  下一篇:js实现音频控制进度条功能