经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » jQuery » 查看文章
JQ实现购物车全选跟总计全选文衫-
来源:cnblogs  作者:文衫-  时间:2019/7/4 8:50:04  对本文有异议
  1. //GoodsCheck购物车每个店铺的checkBox
    //goods-check购物车所有的checkBox
    //ShopCheck店铺全选的按钮
    //commlistFrm店铺商品的模块
    //allCheck 所有全选按钮

    // 购物车全选
    $('.ShopCheck').click(function () {

    if ($(this).prop("checked") == true) {
    $(this).parents('.commlistFrm').find(".GoodsCheck").prop('checked',true);
    }else{
    $(this).parents('.commlistFrm').find(".GoodsCheck").prop('checked',false);
    }
    shopAllcheck();
    });


    $('.GoodsCheck').click(function () {
    shopItemCheck(this);
    shopAllcheck();
    });

    function shopAllcheck() {
    var item =$('.mui-content').children('.commlistFrm').find('.GoodsCheck').length;//获取购物车checkbox的数量
    var item_check = $('.mui-content').children('.commlistFrm').find('.GoodsCheck:checked').length;
    if(item ==item_check){
    $('.allCheck').prop('checked',true)
    }
    else {
    $('.allCheck').prop('checked',false)
    }
    }

    function shopItemCheck(t){
    var item =$(t).parents('.commlistFrm').find('.GoodsCheck').length;//获取购物车checkbox的数量
    var item_check = $(t).parents('.commlistFrm').find('.GoodsCheck:checked').length;
    if(item ==item_check){
    $(t).parents('.commlistFrm').find(".ShopCheck").prop('checked',true);
    }else{
    $(t).parents('.commlistFrm').find(".ShopCheck").prop('checked',false);
    }
    }

    // 结算全选
    $('.allCheck').click(function () {
    if(this.checked==true){
    $('.goods-check').prop('checked',true);
    }
    else {
    $('.goods-check').prop('checked',false);
    }

    });

原文链接:http://www.cnblogs.com/ws-mzz/p/11124944.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号