JQuery--学習概要

知識ポイント1:オペレーティング・ボックス(すべてを選択し、抗選挙、キャンセル)

HTMLコード:

< 本体> 
        < 入力タイプ= "ボタン" のonclick = "CheckAll();" = "全选"  /> 
        < 入力タイプ= "ボタン" のonclick = "CheckReverse();" = "反选"  /> 
        < 入力タイプ= "ボタン" のonclick = "CheckCancel();" = "取消"  /> 

        < テーブル境界= "1" CELLPADDING = "0" CELLSPACING = "0" =」
            THEAD > 
            < TBODY ID = "TB1" > 
                < TR > 
                    < TD > < 入力タイプ= "チェックボックス"  /> </ TD > 
                    < TD > ASP.Net MVC </ TD > 
                    < TD > ASP.Net MVC </ TD > 
                    < TD > ASP.Net MVC </ TD > 
                </ TR > 

                < TR > 
                    < TD > <入力タイプ= "チェックボックス"  /> </TD > 
                    < TD > ASP.Net MVC </ TD > 
                    < TD > ASP.Net MVC </ TD > 
                    < TD > ASP.Net MVC </ TD > 
                </ TR > 

                < TR > 
                    < TD > < 入力タイプ=」チェックボックス」 /> </ TD > 
                    < TD > ASP.Net MVC </ TD > 
                    < TD > ASP.Net MVC </ TD >
                    < TD> ASP.Net MVC </ TD > 
                </ TR > 
            </ TBODY > 

        </ テーブル> 

    </ ボディ>

JavaScriptコード:

< スクリプトSRC = "JS / jqueryの-1.10.2.min.js" > </ スクリプト> 
< スクリプトタイプ= "テキスト/ javascriptの" > 
    // 全选
    機能CheckAll(){ 
        $(" :チェックボックス" ).prop (" チェックする" 真の); 
    } 
    // 取消
    機能CheckCancel(){ 
        $(" :チェックボックス" ).prop(" 確認" 偽の);
    
    CheckReverse(){
         // 各チェックボックスをループ
        $(" :チェックボックス" .each()関数(){
             //が。キャンセルが選択されているかどうかを判断し、そうでない場合はチェック
            IF ($(この).prop(" 確認" )){ 
                $(この).prop(" 確認" 偽の); 
            } { 
                $(この).prop(" 確認" 真の); 
            } 
        })
    }
</ スクリプト>

知識ポイント2:各メソッドとマップを使用して(各方法及びマップトラバーサルによってすべてのチェックボックスの値を取得するために空の配列を定義し、最後のポップアップ)

HTMLコード:

    < 本体> 
        < 入力タイプ= "チェックボックス" = "0"  /> 
        < 入力タイプ= "チェックボックス" = "1"  /> 
        < 入力タイプ= "チェックボックス" = "2"  /> 
        < 入力タイプ=」チェックボックス」= "3"  /> 
        < 入力タイプ= "チェックボックス" = "4"  /> 
    </ ボディ>

JavaScriptコード:

<スクリプトSRC = "JS / jqueryの-1.10.2.min.js"> </ SCRIPT> 
<スクリプトタイプ= "テキスト/ javascriptの"> // 各方法の機能testEach(){
         VARの ARR = []; 
        $( "チェックボックス")。各(関数(指数){ 
            arr.push(この.VALUE); 
        })VAR STR = arr.join( "" )。
    } // マップ方法の関数testMap(){
         VAR。STR = $( ":チェックボックス")マップ(関数(){
             返すこの.VALUEを; 
        })(取得)に参加();。。
    
    
        
    
     

知識ポイント3:(利用可能な要素は、「選択」に設定されている間、選択操作、タイプのチェックボックス)チェックボックスを操作します

HTMLコード:

<BODY> 
    の<input type = "チェックボックス" ID = "ckb_1" /> 
    の<input type = "チェックボックス" ID = "ckb_2"無効= "TRUE" /> 
    の<input type = "チェックボックス" ID = "ckb_3" /> 
    <INPUT TYPE = "チェックボックス" ID = "ckb_4" /> 
    <INPUT TYPE = "ボタン" ID = "BTN" /> 
</ BODY>

JavaScriptコード:

<SCRIPT SRC = "JS / jqueryの-1.10.2.min.js"> </ SCRIPT> 
<スクリプトタイプ= "テキスト/ javascriptの"> 
    $(ドキュメント).ready(関数(){ 
        $( "#btn") .click(関数(){
             // 方法一 
            $( "入力[タイプ= 'チェックボックス'] [無効= '無効'!]")、 "確認"(プロパ。);
             // 方法二 
            $( "入力:チェックボックスの[無効= '無効'!]「チェック")小道具(。" );
             // 方法三 
            $( ":")。(プロパ":チェックボックスを有効に、"確認)。
            // 方法四 
            $( "入力[タイプ= 'チェックボックス']")。各(関数(){
                 場合($(この!).ATTR( "無効")を= "無効" ){ 
                    $(この).prop(、 "チェックする" )。
                } 
            })
        })
    })
 </スクリプト>

要約すると:判決をプロパティを決定する際には、偽または真の「無効」または「有効」、およびでないこと、およびプロパティを使用することができます設定する必要があります!

おすすめ

転載: www.cnblogs.com/dcy521/p/11237606.html