asp.net - Jquery在页面加载时从列表中获取选定的单选按钮

Question

我想知道是否有人可以发布一个示例，说明如何在加载页面时通过 jquery 从 asp.net 单选按钮列表控件中获取选定的单选按钮选项。

谢谢

Answer 1

在要查询列表的 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);
}

Answer 2

这里的工作示例。

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

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

如果您想进一步确定选择器的范围，并且不介意直接在 aspx/ascx 中编写 JS，则可以改用上述 Scott 的解决方案。但是如果你给按钮你感兴趣的是一个已知的类名，你可以把这个 JS 放在一个 .js 文件中。

Answer 3

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