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

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

コードをコピー コードは次のとおりです:

label>

注文所有者:

红
yellow
blue
Green

1 を選択オプション>
2 を選択
3 を選択
/select>

p id="cc "

JavaScript コード:




コードをコピー

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

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("変更");
}) ;
script>


ここで注意すべき点がいくつかあります:
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)

})()
})



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