ホームページ > ウェブフロントエンド > jsチュートリアル > フォームテキスト、エリアテキスト、ラジオ、チェックボックス、選択値を取得するための JQuery コード_jquery

フォームテキスト、エリアテキスト、ラジオ、チェックボックス、選択値を取得するための JQuery コード_jquery

WBOY
リリース: 2016-05-16 18:41:50
オリジナル
1105 人が閲覧しました

jquery ラジオ値、チェックボックス値、選択値、選択されたラジオ、選択されたチェックボックス、選択された選択、および関連
ラジオで選択された項目のセットの値を取得します
var item = $('input[@name =items] [@checked]').val();
select
var item = $("select[@name=items] option[@selected]").text( ) ;
選択ドロップダウン ボックスの 2 番目の要素は現在選択されている値です
$('#select_id')[0].selectedIndex = 1;
ラジオ選択グループの 2 番目の要素は次のとおりです。現在選択されている値 Value
$('input[@name=items]').get(1).checked = true;

値の取得:

テキスト ボックス、テキスト領域: $(" #txt").attr("value");
複数選択ボックス チェックボックス: $("#checkbox_id").attr("value");
ラジオ選択グループ ラジオ: $(" input[@type =radio][@checked]").val();
ドロップダウン ボックスの選択: $('#sel').val();

コントロール フォーム要素:
テキスト ボックス、テキスト領域: $("#txt").attr("value",'');//内容をクリア
$("#txt").attr("value",'11' );//内容を入力

複数選択ボックス チェックボックス: $("#chk1").attr("checked",'');//チェックなし
$("#chk2").attr ("checked" ,true);//Check
if($("#chk1").attr('checked')==unknown) //チェックされているか判定

ラジオグループradio: $ ("input[@type=radio]").attr("checked",'2');//value=2 の項目を現在選択されている項目として設定します
ドロップダウン ボックス select: $ ("#sel"). attr("value",'-sel3');//value=-sel3 の項目を現在選択されている項目として設定します
$("").appendTo( "#sel")//ドロップダウン ボックスのオプションを追加します
$("#sel").empty(); //ドロップダウン ボックスをクリアします
----------------- ---------------------------------- ---------------- ----------------------------------


//オプションをトラバースし、オプションを追加、削除します。
function changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] オプション").each(function(){
if($(this).val() = = 111){
$(this).remove( );
}
});
$("
UPS Ground}
}


// ドロップダウン メニューの選択値を取得します

$(#testSelect オプション:selected').text();
または $("#testSelect").find('option:selected').text();
または $("#testSelect") .val();
///////// //////////////////////// ///////////////////// //////
記憶力が悪い場合は、保存できます:
1、ドロップダウンbox:

var cc1 = $(".formc select[@name='country'] option[ @selected]").text() //ドロップで選択された項目のテキストを取得します。ダウンメニュー (中央のスペースに注意してください)
var cc2 = $('.formc select[@name="country"]').val (); //ドロップで選択された項目の値を取得します。 down menu
var cc3 = $('.formc select[@name="country"]').attr("id"); //ドロップダウン メニューで選択されている項目の ID 属性値を取得します。 item
$("#select").empty();//ドロップダウンボックスをクリア//$("#select").html('');
$("
1111
少し説明します:
1.select[@name='country'] option[ @selected] name 属性
を持ち、属性値が 'country' である select 要素内の selected 属性を持つ option 要素を示します。 @ で始まる場合は、 という意味であることがわかります。その後に属性が続きます。

2, ラジオボタン:
$("input[@type=radio][@checked]").val() //ラジオボタンの選択項目の値を取得します(注)中央 スペースなし)
$("input[@type=radio][@value=2]").attr("checked",'checked') //ラジオ ボタンの value=2 を選択した値に設定します。 state. (間にスペースがないことに注意してください)

3、チェックボックス:
$("input[@type=checkbox][@checked]").val();チェックボックスを選択した状態を取得します 最初の項目の値
$("input[@type=checkbox][@checked]").each(function(){ //通常は複数のチェックボックスが選択されているため、出力はループされる
alert($(this).val());

$("#chk1").attr("checked",'');//チェックを解除
$("#chk2").attr("checked",true);//Tick
if($("#chk1").attr('checked')==unknown){} //チェックされているかどうかを確認します


もちろん、jquery のセレクターは強力です。





ああああ



var item = $('input[@name=items][@checked]' ). val();
select
var item = $("select[@name=items] option[@selected]").text();ドロップダウン ボックスの項目 2 つの要素は現在選択されている値です
$('#select_id')[0].selectedIndex = 1;
ラジオ選択グループの 2 番目の要素は現在選択されている値ですvalue
$('input[@ name=items]').get(1).checked = true;
値の取得:
テキスト ボックス、テキスト領域: $("#txt").attr ("value");
複数のチェックボックス: $("#checkbox_id").attr("value");
ラジオ グループ radio: $("input[@type=radio][@checked]") .val();
ドロップダウン ボックスの選択: $('#sel').val();
コントロール フォーム要素:
テキスト ボックス、テキスト エリア: $("#txt")。 attr("value",'') ;//内容をクリア
$("#txt").attr("value",'11');//内容を埋める
複数選択ボックス チェックボックス: $( "#chk1").attr(" selected",'');//未チェック
$("#chk2").attr("checked",true);//チェックあり
if($(" #chk1").attr ('checked')==unknown) //
ラジオ グループ radio がチェックされているかどうかを判断します: $("input[@type=radio]").attr("checked",' 2');// value=2 の項目を現在選択されている項目として設定します
ドロップダウン ボックス select: $("#sel").attr("value",'-sel3');//Set現在選択されている項目として value=-sel3 を持つ項目
$("
1111

2222").appendTo("#sel")//ドロップのオプションを追加-down box $("#sel").empty( ); //ドロップダウン ボックスをクリアしますラジオで選択された項目のセットの値を取得します
var item = $( 'input[@name=items][@checked]').val();
select
var item = $("select[@name=items] option[@ selected]").text();
選択ドロップダウン ボックスの 2 番目の要素は、現在の選択値です
$('#select_id')[0].selectedIndex = 1;
2 番目の要素ラジオラジオ選択グループの要素は現在選択されている値です
$('input[@name=items]' ).get(1).checked = true
値の取得:
テキスト ボックスエリア: $("#txt").attr("value");
複数選択ボックス チェックボックス: $("#checkbox_id").attr("value");
ラジオ選択グループ radio: $( "input[@type=radio][@checked]").val();
ドロップダウン ボックスの選択: $('#sel').val();
コントロール フォーム要素:
テキストボックス、テキストエリア: $("#txt").attr("value",'');//内容をクリア
$("#txt").attr("value",'11') ;//内容を記入
複数選択ボックス チェックボックス: $("#chk1").attr("checked",'' );//未チェック
$("#chk2").attr("checked" ,true);//Checked
if($("#chk1").attr('checked') ==unknown) //
ラジオ グループ radio がチェックされているかどうかを判断します: $("input[@ type=radio]").attr("checked",'2');//Set value=2 項目は現在選択されている項目です
ドロップダウン ボックスの選択: $("#sel").attr( "value",'-sel3');//項目設定 value=-sel3 は現在選択されている項目です
$( "
1111

2222$("#sel").empty();//ドロップダウンボックスをクリアします

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート