jQuery获取页面加载时列表中选定的单选按钮

5
我想知道是否有人能够提供一个示例,说明如何通过jquery在页面加载时从asp.net单选按钮列表控件中获取所选单选按钮选项。
谢谢。
3个回答

6
在您的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);
}

假设SearchOptions是渲染单选按钮的控件。 - Dan Davies Brackett

1

这里有一个工作示例here

我使用的选择器将获取页面上所有带有类ofinterest的单选按钮。

$(function(){ 
  var value = $('input.ofinterest:checked').val();
  $('#result').text(value); 
});

如果您想进一步限定选择器,并且不介意直接在aspx/ascx中编写JS,可以使用上面Scott的解决方案。但是,如果您给感兴趣的按钮一个已知的类名,您可以将此JS放入.js文件中。

1
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;
  }
}

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接