ホームページ >ウェブフロントエンド >jsチュートリアル >JQuery_jquery のサーバー コントロール DropdownList、RadioButtonList、CheckboxList の操作の概要
1: ドロップダウンリスト
------------------------------------------ ----- -------------------------------------- --
JQuery を使用してトラバーサル操作を実行する場合、
$("input").each(function(i) {
......
}
の型が操作オブジェクトはdropdownlistです: (注: FirefoxのDropDownListのタイプは「select-one」です)
選択された値を取得します: $(this).val(); (トラバーサル操作でない場合は、$( this) は $( '#The Id of the control') ) に置き換えられます。
選択されたテキストを取得します: $(this).find("option:selected").text() または $("#The nameコントロール オプションの:selected").text( );
選択されたインデックスの取得: $(this).get(0).selectedIndex;
2: RadioButtonList
-------- ----------- -------------------------------------- ----------- ------------
ページに RadioButtonList が 1 つしかない場合は、$ を直接使用できます。 ("input[type='radio']:checked") .val() で選択された値を取得します
ページに 2 つ以上の RadioButtonList がある場合:
ステップ 1: RadioButtonList コントロールの ID を取得し、設定しますvar objId=controlId;
第 2 ステップ: コントロールの名前を取得し、var radioName = $("input[id^='" objId "']").eq(0).attr('name') を設定します。 ;
ステップ 3: 値を取得します
選択された値を取得します: $("input[name='" radioName "']:checked").val());
選択されたテキストを取得します: $ ("input[name='" radioName "']:checked label").text());
3: CheckBoxList
------ -------- -------------------------------------- -------- ------------------
選択があるかどうかを判断するメソッドがあり、objId は CheckBoxList の ID です
現在、 js を使用してサーバー コントロール CheckBoxList の値を直接取得することはできません。追加の属性を追加するなど、いくつかの小さなトリックを介してのみ実現できます。
コードでは、 selectedText は選択されたテキスト値を取得します。 selectedValue は選択された値を取得します