Jquery get Selected Radio-Button aus der Liste auf der Seite laden

Question

Ich frage mich, ob jemand ein Beispiel wie man eine ausgewählte Radio-Button-Option aus einer asp.net Radio-Button-Liste Kontrolle über jquery auf dem Laden einer Seite erhalten kann.

Dank

Answer 1

In Ihrem Javascript-Funktion, wo Sie die Liste abfragen möchten, diesen Code verwenden ..

var selected = jQuery('#<%= MyRadioButtonList.ClientID %> input:checked').val(); 
// or ... 
var selected = $('#<%= MyRadioButtonList.ClientID %> input:checked').val(); 

ein Musteretikett mit den Ergebnissen Ihrer gewählten Radiobuttonlist zu setzen, könnten Sie dies tun ...

$(document).ready(function(){ 
    var selected = $('#<%= MyRadioButtonList.ClientID %> input:checked').val(); 
    $("#<%= MySampleLabel.ClientID %>").text(selected); 
} 

Answer 2

Arbeitsbeispiel here.

Der Selektor, den ich verwendet habe, um die Radio-Tasten zu erhalten, wird alle Radio-Tasten mit der Klasse ofinterest auf der Seite greifen.

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

Wenn Sie die Auswahl weiter Umfang wollen, und es Ihnen nichts ausmacht Ihre JS direkt in Ihrem aspx/ascx schreiben, können Sie Scotts Lösung oben stattdessen verwenden. Wenn Sie jedoch die Schaltflächen angeben, die Sie für einen bekannten Klassennamen interessieren, können Sie diesen JS in eine JS-Datei einfügen.

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