当前位置 : 主页 > 网络编程 > JavaScript >

jquery 实现购物车添加删除功能

来源:互联网 收集:自由互联 发布时间:2021-06-30
script $(function(){ $("table tr:nth-child(odd)").css("background-color",'#eee'); $("#chkAll").click(function() { if(this.checked){ $("table tr td input[type='checkbox']") .prop("checked",true); }else{ $("table tr td input[type='checkbox']"
 
<script>
        $(function(){
            $("table tr:nth-child(odd)").css("background-color",'#eee');
            $("#chkAll").click(function() {
      
                if(this.checked){
                    $("table tr td input[type='checkbox']")
                        .prop("checked",true);
                }else{
                    $("table tr td input[type='checkbox']")
                        .removeAttr("checked");
                }   
            });
            $("#btnDel").click(function(){
                var intL=$("table tr td input:checked:not('#chkAll')").length;
                console.log(intL);
                if(intL){
                    $("table tr td input[type=checkbox]:not('#chkAll')").each(function(index){
                                if(this.checked){
                                    $(this).parent().parent().remove();
                                }
                        })
                }
            })
  
        });
          
  
    </script>

网友评论