博客列表 >模拟加入购物车

模拟加入购物车

坚持奋斗的博客
坚持奋斗的博客原创
2019年04月03日 17:40:02694浏览


跟着视频做了几遍,都绕晕糊了,还是得多练习,我还是慢慢多练几遍估计能读懂他的意思。这节课知识点还是挺绕的,只有先弄懂意思,才能做好后期的应用。

<script>
  $(function(){
    $('span').click(function(){
        if($(this).hasClass('select')){
          $(this).removeClass('select');
        }else{
          $(this).addClass('select').siblings('span').removeClass('select');
        }
    });
   
      $('#sub').click(function() {
        var form={};
        var flag=true;
        $('.item').each(function() {
          if($(this).children('span.select').length !=1){
            flag=false;
          }else{
            var key=$(this).attr('name');
            var value=$(this).children('span.select').html()
            form[key]=value;
          }
        });
          if ($('.item1 input').val()<=0){
            flag=false;
          }else{
            form['num']=$('.item1 input').val()
            console.log(form)
          }
          if (flag) {
            alert('加入购物车')
          }
      });
  });
</script>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议