jq checkbox 的全選并ajax傳參的實例
更新時間:2017年04月01日 10:20:27 投稿:jingxian
下面小編就為大家?guī)硪黄猨q checkbox 的全選并ajax傳參的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
實例如下:
/全選按鈕 $("#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();//選項總個數(shù) 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傳參的實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- jQuery實現(xiàn)CheckBox全選、全不選功能
- jQuery Checkbox 全選 反選的簡單實例
- jQuery實現(xiàn)checkbox列表的全選、反選功能
- 基于jQuery的checkbox全選問題分析
- jQuery對checkbox 復(fù)選框的全選全不選反選的操作
- jQuery實現(xiàn)checkbox全選的方法
- JQuery選中checkbox方法代碼實例(全選、反選、全不選)
- Jquery 實現(xiàn)checkbox全選方法
- jquery中checkbox全選失效的解決方法
- jquery操作checkbox實現(xiàn)全選和取消全選
- jquery、js操作checkbox全選反選
相關(guān)文章
淺談jquery選擇器 :first與:first-child的區(qū)別
下面小編就為大家?guī)硪黄獪\談jquery選擇器 :first與:first-child的區(qū)別。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11jquery操作iframe實現(xiàn)父頁面和子頁面相互操作的九種情況
現(xiàn)實開發(fā)中難免會遇到子頁面、父頁面相互操作的情況,本文主要介紹了jquery操作iframe實現(xiàn)父頁面和子頁面相互操作的九種情況,具有一定的參考價值,感興趣的可以了解一下2024-02-02