jq checkbox 的全选并ajax传参的实例
(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )
实例如下:
/全选按钮 $("#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传参的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
下一篇:js实现音频控制进度条功能