So legen Sie den ausgewählten Wert des Optionsfelds mit jquery fest

Lesezeit: 4 Minuten

So stellen Sie den ausgewählten Wert des Optionsfelds ein Javascript:

HTML Quelltext :

<input type="radio" name="RBLExperienceApplicable" class="radio" value="1" > 
<input type="radio" name="RBLExperienceApplicable" class="radio" value="0" >


<input type="radio" name="RBLExperienceApplicable2" class="radio" value="1" > 
<input type="radio" name="RBLExperienceApplicable2" class="radio" value="0" >

ASPX-Code

     <asp:RadioButtonList ID="RBLExperienceApplicable" runat="server" class="radio"    RepeatDirection="Horizontal" EnableViewState="false">
            <asp:ListItem Value="1" Text="Yes &nbsp;&nbsp;"></asp:ListItem> 
                <asp:ListItem Value="0" Text="No"></asp:ListItem>
        </asp:RadioButtonList>

     <asp:RadioButtonList ID="RBLExperienceApplicable2" runat="server" class="radio"  RepeatDirection="Horizontal" EnableViewState="false">
            <asp:ListItem Value="1" Text="Yes &nbsp;&nbsp;"></asp:ListItem> 
                <asp:ListItem Value="0" Text="No"></asp:ListItem>
        </asp:RadioButtonList>

// Etwas Code von db abrufen
// Basierend auf dem db-Wert wird der Skriptblock ausgeführt

 <script type="text/javascript">
        RadionButtonSelectedValueSet('1');
 </script>

Skriptblock:

function RadionButtonSelectedValueSet(SelectdValue) {
    $('#RBLExperienceApplicable').val(SelectdValue);
        //$("input[name="RBLExperienceApplicable"]:checked").val(SelectdValue);
}

können Sie den generierten HTML-Code anstelle des ASP-Codes freigeben

– Arun P. Johny

10. Oktober 2013 um 11:05 Uhr

Arun P. Johny

Versuchen

function RadionButtonSelectedValueSet(name, SelectdValue) {
    $('input[name="' + name+ '"][value="' + SelectdValue + '"]').prop('checked', true);
}

Rufen Sie die Methode auch auf dom ready auf

<script type="text/javascript">
jQuery(function(){
    RadionButtonSelectedValueSet('RBLExperienceApplicable', '1');
})
</script>

@Sam kannst du das generierte HTML teilen … gibt es ein Namensattribut für die Radios

– Arun P. Johny

10. Oktober 2013 um 11:06 Uhr
@Sam können Sie den generierten HTML-Code anstelle des Asp-Codes aus der Quelle der Browseransicht freigeben

– Arun P. Johny

10. Oktober 2013 um 11:10 Uhr
Danke .. Funktioniert gut .. Aber obiges Skriptproblem mit einigen Browsern .. Kleine Änderung im Code wie: ‘$(‘input[name=”‘ + name + ‘”][value=”‘ + SelectdValue + ‘”]’).attr(‘markiert’, wahr);’

– Benutzer2636638

10. Oktober 2013 um 11:52 Uhr
@Sam verwenden Sie .attr() nicht, um den geprüften Wert festzulegen, wenn Sie jQuery > 1.6 verwenden, siehe Requisite vs. Attr

– Arun P. Johny

10. Oktober 2013 um 11:56 Uhr
@Arul Prop hat in meiner Seite nicht funktioniert. Ich habe nur jquery 1.3.6 verwendet. Soll ich mit demselben fortfahren?

– Benutzer2636638

10. Oktober 2013 um 12:00 Uhr

Das geht eleganter.

function RadionButtonSelectedValueSet(name, SelectedValue) {
    $('input[name="' + name+ '"]').val([SelectedValue]);
}

Nett. Dies val([...]) Syntax funktioniert auch für andere Eingaben, einschließlich <textarea> und <select>. Wie ich alle sichtbaren Eingaben mit erhalten kann var inputs = $("form :input:visible[type!=button]")dann erhalten Sie alle ihre Werte mit var values = {}; inputs.serializeArray().map( function(x){values[x.name] = x.value} ) und einige Zeit später alle Verwendung wiederherstellen inputs.map( function(){var value = values[this.name]; if(value) $(this).val([value])} ).

– Arjan

7. März 2014 um 19:03 Uhr
Es ist wichtig anzurufen val([SelectedValue])und nicht val(SelectedValue). Der zweite setzt das Wertattribut für alle Eingaben auf denselben Wert.

– spekary

22. Juni 2015 um 16:48 Uhr
Suchen Sie also das Optionsfeld mit dem richtigen ausgewählten Wert, der übergeben wird, und überprüfen Sie ihn?

– SolidSnake4444

21. November 2016 um 19:44 Uhr
Für diejenigen, die sich fragen, ob dies überall funktioniert oder nur ein Hack ist, hier sind die Dokumente: api.jquery.com/val/#val-value die deutlich erklären, dass die Verwendung eines Arrays die entsprechenden Elemente mit übereinstimmenden Werten auf ausgewählt/aktiviert setzt. Daher können Sie dies auch verwenden, um mehrere Kontrollkästchen oder Optionen in einer Mehrfachauswahl auszuwählen.

– spitzjt

29. März 2017 um 17:24 Uhr

Sie können dies auch versuchen

function SetRadiobuttonValue(selectedValue)
{
  $(':radio[value="' + selectedValue + '"]').attr('checked', 'checked');
}

Das folgende Skript funktioniert in allen Browsern einwandfrei:

function RadionButtonSelectedValueSet(name, SelectdValue) {
     $('input[name="' + name + '"][value="' + SelectdValue + '"]').attr('checked',true);
}

Nandakumar

$('input[name="RBLExperienceApplicable"]').prop('checked',true);

Danke Alter…

MrSethT

Wenn sich die Auswahl ändert, deaktivieren Sie zuerst die anderen Häkchen. al la…

$('input[name="' + value.id + '"]').attr('checked', false);
$('input[name="' + value.id + '"][value="' + thing[value.prop] + '"]').attr('checked',  true);

th1rdey3

für mehrere Dropdowns

$('[id^=RBLExperienceApplicable][value="+ SelectedVAlue +"]').attr("checked","checked");

hier RBLExperienceApplicable ist der übereinstimmende Teil der Eingabe-Tag-IDs der Optionsfeldgruppen. und [id^=RBLExperienceApplicable] stimmt mit allen Optionsfeldern überein, deren ID mit beginnt RBLExperienceApplicable

12520000cookie-checkSo legen Sie den ausgewählten Wert des Optionsfelds mit jquery fest

#Abfrage #asp.net #Javascript #Netz