jq checkbox 的全選并ajax傳參的實(shí)例
實(shí)例如下:
/全選按鈕
$("#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();//選項(xiàng)總個(gè)數(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傳參的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- jQuery實(shí)現(xiàn)CheckBox全選、全不選功能
- jQuery Checkbox 全選 反選的簡(jiǎn)單實(shí)例
- jQuery實(shí)現(xiàn)checkbox列表的全選、反選功能
- 基于jQuery的checkbox全選問(wèn)題分析
- jQuery對(duì)checkbox 復(fù)選框的全選全不選反選的操作
- jQuery實(shí)現(xiàn)checkbox全選的方法
- JQuery選中checkbox方法代碼實(shí)例(全選、反選、全不選)
- Jquery 實(shí)現(xiàn)checkbox全選方法
- jquery中checkbox全選失效的解決方法
- jquery操作checkbox實(shí)現(xiàn)全選和取消全選
- jquery、js操作checkbox全選反選
相關(guān)文章
jQuery實(shí)現(xiàn)遮罩層登錄對(duì)話(huà)框
用戶(hù)登錄是許多網(wǎng)站必備的功能。有一種方式就是不管在網(wǎng)站的哪個(gè)頁(yè)面,點(diǎn)擊登錄按鈕就會(huì)彈出一個(gè)遮罩層,顯示用戶(hù)登錄的對(duì)話(huà)框。本文將推薦一個(gè)帶二維碼的登錄彈出層,可拖動(dòng)、關(guān)閉,有需要的朋友可以參考一下。2016-12-12
鋒利的jQuery 要點(diǎn)歸納(三) jQuery中的事件和動(dòng)畫(huà)(下:動(dòng)畫(huà)篇)
《鋒利的jQuery》要點(diǎn)歸納(三) jQuery中的事件和動(dòng)畫(huà)(下:動(dòng)畫(huà)篇)2010-03-03
jQuery+HTML5實(shí)現(xiàn)圖片上傳前預(yù)覽效果
這篇文章主要介紹了jQuery+HTML5實(shí)現(xiàn)圖片上傳前預(yù)覽效果,涉及jquery操作圖片動(dòng)態(tài)顯示效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-08-08
form表單只提交數(shù)據(jù)而不進(jìn)行頁(yè)面跳轉(zhuǎn)的解決方案
將數(shù)據(jù)提交到saveReport(form的action指向)頁(yè)面,但是頁(yè)面又不進(jìn)行跳轉(zhuǎn),即保持當(dāng)前頁(yè)面不變呢?利用jquery的ajaxSubmit函數(shù)以及form的onsubmit函數(shù)完成2013-09-09
獲得所有表單值的JQuery實(shí)現(xiàn)代碼[IE暫不支持]
通過(guò)jquery獲取所有表單值,一般都是后臺(tái)語(yǔ)言處理的,這里通過(guò)jquery獲取,確實(shí)不錯(cuò)的想法2012-05-05
jQuery實(shí)現(xiàn)checkbox即點(diǎn)即改批量刪除及中間遇到的坑
這篇文章主要介紹了jQuery實(shí)現(xiàn)checkbox即點(diǎn)即改批量刪除及中間遇到的坑,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-11-11
jQuery側(cè)邊欄隨窗口滾動(dòng)實(shí)現(xiàn)方法
jQuery側(cè)邊欄隨窗口滾動(dòng)實(shí)現(xiàn)方法,需要的朋友可以參考一下2013-03-03
jQuery實(shí)現(xiàn)div拖拽效果實(shí)例分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)div拖拽效果的方法,結(jié)合實(shí)例形式分析了jQuery響應(yīng)鼠標(biāo)事件實(shí)現(xiàn)頁(yè)面元素樣式變換的技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-02-02
jQuery與vue實(shí)現(xiàn)拖動(dòng)驗(yàn)證碼功能
本篇文章主要給大家分享jQuery與vue分別實(shí)現(xiàn)超級(jí)簡(jiǎn)單的綠色拖動(dòng)驗(yàn)證碼功能以及代碼實(shí)例,需要的朋友學(xué)習(xí)下吧。2018-01-01

