ページの読み込み時にjqueryを介してasp.netラジオボタンリストコントロールから選択したラジオボタンオプションを取得する方法の例を誰かが投稿できるかどうか疑問に思っていました。
ありがとう
ページの読み込み時にjqueryを介してasp.netラジオボタンリストコントロールから選択したラジオボタンオプションを取得する方法の例を誰かが投稿できるかどうか疑問に思っていました。
ありがとう
リストを照会する JavaScript 関数で、このコードを使用します。
var selected = jQuery('#<%= MyRadioButtonList.ClientID %> input:checked').val();
// or ...
var selected = $('#<%= MyRadioButtonList.ClientID %> input:checked').val();
選択したラジオボタンリストの結果でサンプルラベルを設定するには、これを行うことができます...
$(document).ready(function(){
var selected = $('#<%= MyRadioButtonList.ClientID %> input:checked').val();
$("#<%= MySampleLabel.ClientID %>").text(selected);
}
protected void radioButton_CheckedChanged(object sender, EventArgs e)
{
throw new ApplicationException("Radio Changed");
RadioButton rb = (RadioButton)sender;
TextBox tbexact = (TextBox)this.UpdatePanel1.FindControl("TextBoxExact");
TextBox tbpartial = (TextBox)this.UpdatePanel1.FindControl("TextBoxPartial");
DropDownList dropdown = (DropDownList)this.UpdatePanel1.FindControl("DropDownListCountries");
RadioButton rbc = (RadioButton)this.UpdatePanel1.FindControl("RadioButtonExact");
if (tbexact == null)
throw new ApplicationException("Could not find control");
else
throw new ApplicationException("Found it");
if (rbc != null && rb.Equals(rbc))
{
tbpartial.Enabled = false;
dropdown.Enabled = false;
mCriteria = SearchCriteria.Exact;
}
rbc = (RadioButton)this.UpdatePanel1.FindControl("RadioButtonPartial");
if (rbc != null && rb.Equals(rbc))
{
tbexact.Enabled = false;
dropdown.Enabled = false;
mCriteria = SearchCriteria.Partial;
}
rbc = (RadioButton)this.UpdatePanel1.FindControl("RadioButtonPerCountry");
if (rbc != null && rb.Equals(rbc))
{
tbexact.Enabled = false;
tbpartial.Enabled = false;
mCriteria = SearchCriteria.Country;
}
}
ここでの作業例。
ラジオ ボタンを取得するために使用したセレクターは、ページ上のクラスを持つすべてのラジオ ボタンを取得しofinterest
ます。
$(function(){
var value = $('input.ofinterest:checked').val();
$('#result').text(value);
});
セレクターの範囲をさらに広げたい場合で、JS を aspx/ascx に直接記述してもかまわない場合は、代わりに上記の Scott のソリューションを使用できます。ただし、関心のあるボタンに既知のクラス名を指定すると、この JS を .js ファイルに入れることができます。