イミテーションカートケース

$(関数(){ 
            //全选改变事件
            。$(」。checkAll ")の変化(機能(){ 
                //警告($(この).propは())"にチェック"; 
                。$(" checkAllを,.チェック")小道具("確認"$(この).propは( "確認")); 
            }); 
            //子勾选框的点击事件
            $("。。)」をチェック(){(機能をクリックしてください
                / /警告($( "チェック:チェックする。 ")の長さ。); 
                場合($("チェック:チェックする")長さ== 3){ 
                    $(真、 "確認")小道具(" checkAll。")。 ; 
                }他{ 
                    $( "checkAll。 ")(偽、"確認")支えます。
                } 
            }) 
            //クリック数が増加し、価格の合計金額を変更します
            $(。 "追加")。クリックして(関数(){ 
                //値の数を取得します。 
                VAR = N- $(この).siblings()ヴァル();. "NUM。" 
                のn - ++; 
                $(この).siblings( "NUM")ヴァル。 (n)は、1値の各入力に割り当てられた//数
                の商品の現在の単価を取得する//、および¥削除
                するvar価格= $(この).parent ()兄弟(「価格。」)。。 テキスト()SUBSTR(1);. 
                // 1の合計に割り当てられた商品の現在の合計金額を計算し、小数点以下第
                .. $(この).parent( )兄弟(「カウント」)、テキスト( 『¥』 +(N - *価格。).toFixed(2)); 
                GetSum(); 
            })
            クリック数を減少させ、かつ合計金額の変更// 
            $を( "減らす")をクリックします(関数(){。。
                VAR N- $ =(この).siblings( "NUM。" )のval();
                IF(N == 1){ 
                    falseを返します。
                他{}  
                    N--。
                } 
                $(この).siblings( "NUM")ヴァル(N-);. 
                。VAR。価格= $(この).parent()SIBLINGS( "価格。")、テキスト()SUBSTR(1)... ; 
                。$(この).parent()SIBLINGS( "COUNT")のテキスト( "¥" +(N *価格).toFixed(2));. 
                ; GetSum()
            })
            の入力に基づいて数量//総量変更
            。$( "NUM")の変化(機能(){ 
                //値の数を取得; VAR = N- $(この).val()
                //は、現在の項目の一価取得
                するvar価格= $(この).parentを () .siblings( "価格。。")、テキスト()SUBSTR(1); ... 
                //カウントするために割り当てられた商品の現在の合計金額を計算し、小数点以下2桁
                (.. $(この).parent ()兄弟「のカウントを")の.text(" ¥ "+(価格* N).toFixed(2))。
                GetSum();  
            }); 
            //合計と合計複数の呼び出しを容易にするための機能を使用できるように加減算の数は、手動で、全く使用量を調整します
            GetSum(); 
            機能GetSum(){ 
                VARカウント= 0; 
                VAR価格= 0; 
                //は、合計を計算
                。$( "NUM")、各(関数(I、ELE){ 
                    カウント+ =のparseInt($( ELE).val()); 
                })
                。$( "NUMS")テキスト(カウント);. 
                //合計金額を計算する
                。$( "COUNT")各(関数(I、ELE){ 
                    価格parseFloatは+ =(( $(ELE)は.text())SUBSTR(1));. 
                })
                $( "価格")、テキスト( "¥" + prices.toFixed(2));。。
            } 
            //現在の商品を削除するには、[削除]ボタンをクリックしてください
            $( "。デル ")。クリックしてください(関数(){
                $(この).parents( "TR")の削除は、();.  );
            });
            //すべての項目を削除
            $( "削除します。")をクリックして(関数(){。
                $( "チェック。")親( "TRS。")。 ; .removeは()
            })
            チェックした商品の削除]をクリックし// 
            ( "DELS"。)クリック(関数()$を{ 
                $( "チェック:チェックする")親( "TRS")の削除を().. ; 
            })
        })



 <表> 
        <TR> 
            <TD>の<input type = "チェックボックス"クラス= "checkAll">選択</ TD> 
            <TD>製品</ TD> 
            <TD>一価</ TD> 
            < TD>番号</ TD> 
            <TD>总计</ TD> 
            <TD>操作</ TD> 
        </ TR> 
        <TRクラス= "TRS">
            <TD>の<input type = "チェックボックス"クラス= "チェック"がチェック> </ TD> 
            <TDクラス= "数">¥24.80 </ TD>
            <TD>青少年读物</ TD> 
            <TDクラス= "価格">¥12.60 </ TD> 
            <TD> <a class="reduce"> - </a>のの<input type = "text"クラス= "NUM "値=" 1 "> <a class="add"> + </a>の</ TD> 
            <TDクラス="数">¥12.60 </ TD> 
            <TDクラス=" "削除> <EMクラス= "デル">删除</ em>の</ TD> 
        </ TR> 
        <TRクラス= "TRS"> 
            <TD>の<input type = "チェックボックス"クラス= "チェック"> </ TD> 
            <TD>情感书籍</ TD> 
            <TDクラス= "価格">¥24.80 </ TD>
            <TD> <a class="reduce"> - </a>のの<input type = "text"のクラス= "NUM"値= "1"> <a class="add"> + </a>の</ TD > 
            <TDクラス= "削除"> <EM CLASS = "デル">删除</ em>の</ TD> 
        </ TR> 
        <TRクラス= "TRS"> 
            <TD>の<input type = "チェックボックス"クラス=チェックする"チェック"> </ TD> 
            <TD>心理读物</ TD> 
            <TDクラス= "価格">¥2.10 </ TD> 
            <TD> <a class="reduce"> - </a>のの<input type = "text"クラス= "NUM"値=」 2 "> <a class="add"> + </a>の</ TD> 
            <TDクラス="数">¥4.20 </ TD> 
            <TDクラス="削除"> <EM CLASS ="デル">删除</ em>の</ TD> 
        </ TR> 
        <TR> 
            <TD> <入力タイプ= "チェックボックス"クラス= "checkAll">すべての</ TD>を選択し
            、<TD> <EMクラス= "DELS">選択された商品を削除</ EM> </ TD> 
            <TD> <EMクラス=「削除しを">クリーンアップカート</ EM> </ TD> 
            <TD COLSPAN =" 3 "クラス=" ZJS "> 
                <DIV CLASS =" ZJ「>
                    選択した<スパンクラス= "NUMS"> 1 </ span>のアイテム
                        总计:<スパンクラス= "価格">¥12.60 </ span>を
                </ div> 
            </ TD> 
        </ TR> 
    </ TABLE>

  

 

おすすめ

転載: www.cnblogs.com/qtbb/p/11343808.html