JQuery_jquery のサーバー コントロール DropdownList、RadioButtonList、CheckboxList の操作の概要

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

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 は選択された値を取得します

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

function hasCheckedByCheckbox (objId) {
var selectedCount = 0;
$("input[id^=' " objId "']").each(function() {
// var checkName = $(this) .attr('name');
// var selectedText = $("input[name=' " checkName "']:checked label").text();
// var selectedValue = $(this ).parent('span').attr('alt'); //ハックを使用して js を実装します。 checkboxList の選択された値を取得するには、if ( $(this).attr('checked')) {
checkedCount;
}
return selectedCount >}

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