ホームページ > ウェブフロントエンド > jsチュートリアル > jquery はフォーム要素の値を取得します。サンプル code_jquery

jquery はフォーム要素の値を取得します。サンプル code_jquery

WBOY
リリース: 2016-05-16 17:27:52
オリジナル
942 人が閲覧しました

jquery メモ:

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

$("input[name ='radio_name ']:checked”).val()
1
2
3

の内容インターネットはあまりにも乱雑なので、jQuery のバージョンによっては書き方が異なる可能性があります。検索して実験した結果、以下に書かれているのは、jQuery 1.3 での
jquery radio 値、checkbox value、select value、radio selected、checkbox selected です。 .2 バージョンの選択とその関連設定:
ラジオで選択された項目のセットの値を取得します: var item = $('input[name=items][checked]').val();
選択された項目のテキストを取得します
var item = $("select[@name=items] option[@selected]").text();
選択された項目のテキストを取得します: var item = $( "select[name=items] option[selected]").text(); または
$("select[name=items]").find("option:selected").text(); ;
選択ドロップダウン ボックスの 2 番目の要素は現在選択されている値です: $('#select_id')[0].selectedIndex = 1;
選択ドロップダウン ボックスの値 = ' val' は現在選択されている項目です: $("select [name=items] option[value='val']").attr("selected","selected");
ラジオの選択の 2 番目の要素group は現在選択されている項目です: $('input[@ name=items]').get(1).checked = true; または $('input[name=items]').attr("checked",1' );
radio value = 'val' 要素は現在選択されている項目です: $('input[name=items][value='val']').attr("checked","checked"); 🎜>値の取得:
テキストボックス、テキストエリア:$("#txt").attr("value");
複数選択ボックスチェックボックス: $("input[name='checkbox':checked] ]").each(function(){
var val = $(this).val();
});
ラジオ選択グループ radio: $("input[type=radio][checked] ]").val();
ドロップダウン ボックスの選択値: $('select').val();
ドロップダウン ボックスの選択によって選択されたテキスト値: $("select").find ("option:selected").text();

コントロール フォーム要素:
テキスト ボックス、テキスト エリア: $("#txt").attr("value","); // Clear content
$("#txt").attr(" value",'11'); //Fill content
複数選択ボックス checkbox:
checkbox の 2 番目の要素がチェックされています: $(" input[name=items]").get(1).checked = true; //
$("input[name=items]").get(1).checked = false; //チェックボックスの value='val' を持つ要素の前にチェックを入れます: $("input[name=item][value='val']").attr("checked",true); または $("input[name= item][value='val']") .attr("checked","checked");
if("input[name=item][value='val']").attr(' selected')==true) //すでにチェックされているかどうかを判断します
ラジオグループ radio: $("input[type=radio]").attr("checked",'2');//項目を値で設定します現在選択されている項目として =2
ドロップダウン ボックス選択: $(”#sel”).attr(”value”,'-sel3');//現在選択されている項目として value=-sel3 の項目を設定しますitem
$(””).appendTo(”#sel”)//Addドロップダウン ボックスのオプション
$(”#sel”). empty() //ドロップダウン ボックスをクリアします

jQuery は Radio
Code で選択された値を取得します $( "input[name='radio_name'][checked]").val(); //選択したラジオの値を選択します
$("#text_id").focus(function(){//code. ..}); //オブジェクト text_id がフォーカスを取得するとイベントがトリガーされます
$("#text_id ").blur(function(){//code...}); //イベントは次の場合にトリガーされますオブジェクト text_id がフォーカスを失います
$("#text_id").select(); //テキスト ボックスの値を作成します
$("input[name='radio_name'][value= '選択されるラジオの値'").
attr("checked",true); //ラジオが選択された状態にある値に応じて設定

jQuery は CheckBox で選択された Value 値を取得します
$("input[name='checkbox_name'][checked]"); //このコレクションを反復処理する必要がある Value 値を取得する場合は、選択した CheckBox 要素のコレクションを選択します
$($( "input[name='checkbox_name'][checked]")).
each(function(){arrChk =this.value ',';}); // 選択された CheckBox 要素のコレクションを走査して Value を取得します。 value
$("#checkbox_id").attr("checked"); //CheckBox のステータスを取得します (選択されているかどうか、true/false を返します)
$("#checkbox_id").attr ("checked",true); //チェックボックスのステータスをチェック済みに設定します (checked=true)
$("#checkbox_id").attr("checked",false ); CheckBox をオフ (checked=false) にします。
$("input[name='checkbox_name']").attr
("checked",$("#checkbox_id") .attr("checked")); //項目 3、4、5 に従って、このコードの意味を解析できます
$("#text_id").val().split(","); //Text の Value 値を分離します。 ',' で配列を返します
上記の操作は実際に jQuery セレクターを使用する操作です。皆さんも jQuery セレクターについてしっかりと知識を持っておいてください。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート