jq checkbox 的全選并ajax傳參的實(shí)例
更新時(shí)間:2017年04月01日 10:20:27 投稿:jingxian
下面小編就為大家?guī)硪黄猨q checkbox 的全選并ajax傳參的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
實(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全選問題分析
- 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)ajax加載超時(shí)提示的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)ajax加載超時(shí)提示的方法,涉及jQuery中l(wèi)oad方法的ajax加載超時(shí)設(shè)置與提示信息處理技巧,需要的朋友可以參考下2016-07-07
淺談jquery選擇器 :first與:first-child的區(qū)別
下面小編就為大家?guī)硪黄獪\談jquery選擇器 :first與:first-child的區(qū)別。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
jquery操作iframe實(shí)現(xiàn)父頁面和子頁面相互操作的九種情況
現(xiàn)實(shí)開發(fā)中難免會(huì)遇到子頁面、父頁面相互操作的情況,本文主要介紹了jquery操作iframe實(shí)現(xiàn)父頁面和子頁面相互操作的九種情況,具有一定的參考價(jià)值,感興趣的可以了解一下2024-02-02
基于jQuery實(shí)現(xiàn)的美觀星級(jí)評(píng)論打分組件代碼
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)的美觀星級(jí)評(píng)論打分組件代碼,涉及jQuery回調(diào)函數(shù)及頁面元素屬性動(dòng)態(tài)操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10

