ホームページ > ウェブフロントエンド > jsチュートリアル > Jquery_jqueryでコントロール値を取得する3つの方法まとめ

Jquery_jqueryでコントロール値を取得する3つの方法まとめ

WBOY
リリース: 2016-05-16 17:00:03
オリジナル
1321 人が閲覧しました

サーバー コントロール値を取得するための Jquery メソッド
サーバー コントロールは ASP.NET Web ページの実行後にクライアント ID をランダムに生成するため、jquery は使用されません入手時に操作が簡単だったのでGoogleで調べたところ、以下の3つの方法が見つかりました。

サーバー制御コード:

1. $("#").val();

2. $("input[id*=txtUserID]").val();

3. $("*[id$=txtUserID]").val();

制御値を取得するための 2 つの Jquery メソッド

値:

$("") は jquery オブジェクトであり、dom 要素ではありません

value は dom 要素の属性です

jquery は val
val() に対応します: 最初に一致する要素の現在の値を取得します。
val(val): 一致する各要素の値を設定します。
したがって、コードは次のように記述する必要があります:
値: val = $("#id")[0].value;

代入:
$(" #id ")[0].value = "新しい値";
または $("#id").val("新しい値");

または、これも実行できます: val = $("#id").attr("value");

ラジオで選択された項目のセットの値を取得します

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);//Checkif($("#chk1").attr('checked')==undefine) //チェックされているか判定

ラジオ グループ radio:

$("input[@type=radio]").attr("checked",'2');//value=2 の項目を現在選択されている項目として設定しますitem

ドロップダウン ボックスの選択: $("#sel").attr("value",'-sel3');//value=-sel3 の項目を現在選択されている項目として設定しますitem
$ ("").appendTo("#sel")//Addドロップダウンボックスのオプション
$("#sel").empty() //ドロップダウン ボックスをクリアします


コントロールの DropDownList 値を取得する 3 つの Jquery メソッド


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