虚位以待(AD)
虚位以待(AD)
首页 > 网页特效 > Jquery > jq checkbox 的全选并ajax传参的实例

jq checkbox 的全选并ajax传参的实例
类别:Jquery   作者:码皇   来源:互联网   点击:

下面小编就为大家带来一篇jq checkbox 的全选并ajax传参的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

实例如下:

    /全选按钮 $("#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传参的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关热词搜索: jq checkbox 全选