Zeigen Sie das Feld an, wenn die Optionsfeld ausgewählt ist, indem Sie jQuery verwenden

Question

Ich habe den folgenden Code:

        Haben Sie derzeit SolidWorks?

             Ja
             Nein

        Wer ist Ihr SolidWorks-Wiederverkäufer?

             Cad Connect
             Cadtek
             CCSL
             Innova
             NT CAD/CAM
             Solid Engineer
             Solid Solutions Ireland
             Solid Solutions Management
             TMS Scotland

Was ich tun möchte, ist das zweite fieldset standardmäßig auszublenden, und wenn eine Person Ja auswählt, wird das Feld angezeigt, und wenn sie Nein wählt oder Ja nicht ausgewählt ist, wird das Feld wieder ausgeblendet.

Kann mir jemand helfen? Danke.

Answer 1

Sie könnten dies tun:

$("input[name='solidworks']").change(function() {
  $("#boxReseller").toggle(this.value == "Yes");
});
$("input[name='solidworks']:checked").change(); //trigger correct state onload

Sie können es mit dem Markup im Frage hier ausprobieren und die vorab überprüfte "Ja" Version hier ausprobieren.

Answer 2

Demo

http://jsfiddle.net/Wpt3Y/

jQuery(function(){
        jQuery("input[name=solidworks]").change(function(){          

            if ($(this).val() == "Yes") {
            jQuery("#boxReseller").slideDown()
            }
            else {
            jQuery("#boxReseller").slideUp();
            }                                                            
       });
});

Answer 3

Ref Nick Craver - Schöne Lösung, obwohl sie flexibler ist wie unten

  $("input[name='solidworks']").change(function() {
    $("#boxReseller").toggle();
 });
$("input[name='solidworks']:checked").change(); //trigger correct state onload

Indem ich das Umschalten als Platzhalter (undefiniert, je nachdem, welche Terminologie Sie bevorzugen) belasse, habe ich festgestellt, dass es effizienter funktioniert. Schön trotzdem, danke :)

Answer 4

Etwas wie (Entschuldigung, wenn es Tippfehler gibt, mein Kaffee ist noch nicht gemacht):

        Haben Sie derzeit SolidWorks?

             Ja
             Nein

Es gibt Möglichkeiten, das besser aussehen zu lassen, aber mein Kaffee ist noch nicht gemacht. Ich werde es bearbeiten, sobald ich meinen Elixier bekomme.

attr('checked','checked')
     $("#fs:checkbox").click(function(){
              if($("#rdJa:checked").attr('checked','checked'))
              {
                 $("#boxReseller").css('display', 'block'); })
              }          
     });

Answer 5

$(document).ready(function() {
    $("input[name=solidworks]").change(function() {
        if ($this).val() == "Ja") {
            $("#boxReseller").slideDown('fast');
        }
        else {
            $("#boxReseller").hide('fast');
        }
    })
})