JQuery: zeigen Sie div auf radiobutton auswählen

Ich versuche jQuery zu zeigen, ein div, wenn der Benutzer wählt einen bestimmten radio-button (Other) in einer radiobutton-Gruppe.

Der html-Code wird unterhalb

<div id="countries">

<input id="Washington_D.C" type="radio" name="location" value="Washington">Washington D.C</input>
<input id="Other" type="radio" name="location" value="">Other</input>
    <div id="other locations" style="display: none">
    </div>
</div>

Mithilfe der JQuery-code:

$(document).ready(function(){
    $("radio[@name='location']").change(function(){
        if ($("radio[@name='location']:checked").val() == 'Other')
        $("#county_drop_down").show();
    });
 });

Aber es ist nicht die die div anderen stellen, wenn ich wählen Sie die radiobutton -Other.

InformationsquelleAutor van | 2010-04-14

  1. 7

    Müssen Sie ihm einen Wert von Other.

    So, nicht so

    <input id="Other" TYPE="RADIO" NAME="location" VALUE="">Other</input>

    aber so

    <input id="Other" TYPE="RADIO" NAME="location" VALUE="Other">Other</input>

    Auf den ersten Blick, Ihre jQuery-code sieht gut aus. Ich würde aber lieber click oben change, da change nicht entlassen werden, auf 1. klicken Sie auf, wenn es keine Möglichkeit der Vorauswahl.

    InformationsquelleAutor BalusC

  2. 2

    Versuchen

    $("radio[name='location']").change(function(){
    if ($(this).val() === 'Other')
    {
        if($(this).is(":checked"))
        {
            $("#county_drop_down").show();
        }
    }
});

    legen Sie die radio-Taste Wert, um Andere für diesen code.

    InformationsquelleAutor rahul

Schreibe einen Kommentar