實例如下:
/全選按鈕 $("#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傳參的實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。