jquery_jquery のフィルターを通じてフォーム要素を取得するための実装コード

:enable 入力有効要素を取得します :disabled 入力無効要素を取得します :checked 選択されたフォーム要素を取得します :selected ドロップダウン ボックスで選択されている要素を取得します 見てみましょう例 Html

コードをコピー コードは次のとおりです: label> 注文所有者: 红 yellow blue Green 1 を選択 2 を選択 3 を選択 /select> p id="cc "

JavaScript コード:

コードをコピー コードは次のとおりです: jQuery(function(){ $("input:text:disabled").val("入力できません"); $("input:text:有効").val("入力可能"); ( function checkboxclick(){ $(":checkbox").unbind("click",checkboxclick); var vv= ''; $( ":checkbox:checked").each(function(){ vv =$(this).val() ","; $( "#cc").html( "選択されたデータ:" vv); $(":checkbox").click(checkboxclick) } )() $("select" ).change(function() { var tt=''; $("選択オプション:選択済み").each(function(){ tt =$(this).text() " ,"; } ); $("#option").html("選択された項目は次のとおりです:" tt); }).trigger("変更"); }) ;

ここで注意すべき点がいくつかあります: 1 前述したように、バインドを解除するとイベントがキャンセルされます。 2trigger() メソッドは、選択された要素に対して指定されたイベント タイプをトリガーします。 3 jQuery(function(){ に関数を追加する場合は、次のように括弧の外側と後ろに括弧を追加します。 jQuery(function(){ ( function check( ) { })() }) 4 実装層のチェックボックスを選択し、値を他の要素に割り当てます html

コードをコピー

コードは次のとおりです。

;input type="button" id="btn1" value="pop-up" /> red 黄 青 緑 白 黑 >

javascript

コードをコピー

コードは次のとおりです: jQuery(function(){ ( function checkboxclick(){ $(":checkbox").unbind("click",checkboxclick); var vv ='' ; $(":checkbox:checked").each(function(){ vv =$(this).val() ","; }) $( "#cc ").html("選択されたデータ:" vv); $(":checkbox").click(checkboxclick) })() })

レンダリングは次のとおりです: