Anzeigen oder ausblenden von div-oder Formular-element mit jquery?

Ich versuche zu zeigen, oder verstecken fieldset basierend auf der Antwort ausgewählt, die auf JA/NEIN-Optionsfeld. Ich habe mehrere Formular-Elemente werden ein-oder ausgeblendet, basierend auf Ihren entsprechenden JA/NEIN-Optionsfeld. Aber der code ist nicht für mich arbeiten. Könnte mir jemand helfen um dieses problem zu beheben?

<!-- My Form Element  -->

<form>
<fieldset id="question">
  <legend>This is my question</legend>
  <label for="answerYes">Yes</label>
  <input name="answer" class="myradio" type="radio" value="1" />
  <label for="answerNo">No</label>
  <input name="answer" class="myradio" type="radio" value="0" />
</fieldset>

<fieldset class="subQuestion">
  <legend>This is my question</legend>
  <label for="answerYes">Yes</label>
  <input name="answer" class="subradio" type="radio" value="1" />
  <label for="answerNo">No</label>
  <input name="answer" class="subradio" type="radio" value="0" />
</fieldset>

</form>


//Jquery to show or hide subQuestion

$(document).ready(function(){
  //do your checks of the radio buttons here and show/hide what you want to
  $(".subQuestion").hide();

  $(document).on('click', '.myradio' , function() {
         if ($(this.value).length > 0){ 
            $(".subQuestion").show();           
         }
         else {
            $(".subQuestion").hide();           
         }       
    })

});

InformationsquelleAutor MahiloDai | 2013-09-13

  1. 4

    Prüfen Sie die Länge des value-Eigenschaft, die 1(weil Sie valeus 00 und 1) in beiden Fällen müssen Sie überprüfen Sie den Wert, der größer ist als 0

    $(document).ready(function(){
  //do your checks of the radio buttons here and show/hide what you want to
  $(".subQuestion").hide();

  $(document).on('click', '.myradio' , function() {
         if (this.value > 0){ 
            $(".subQuestion").show();           
         }
         else {
            $(".subQuestion").hide();           
         }       
    })

});

    Demo: Fiddle

    InformationsquelleAutor Arun P Johny

  2. 1

    Versuchen, diese

    $(document).ready(function(){

    $(".subQuestion").hide();

     $('#question input[type="radio"]').click(function(){
        if (this.value == 1){ 
            $(".subQuestion").show();           
        } else {
            $(".subQuestion").hide();           
        }       
    })

});

    InformationsquelleAutor Vuthy Sok

  3. 0

    brauchen Sie nicht $ vor, zu verwenden this.value ... und überprüfen Sie den Wert selbst und nicht seine Länge...

    diese

    if ($(this.value).length > 0){

     sollte

    if (this.value > 0){ //using DOM check if value is greter than 0

    oder

    if ($(this).val()> 0){  //using jquery

    so Ihre endgültige code sollte

    $(document).ready(function(){
//do your checks of the radio buttons here and show/hide what you want to
$(".subQuestion").hide();

 $(document).on('click', '.myradio' , function() {
     if (this.value > 0){ 
        $(".subQuestion").show();           
     }
     else {
        $(".subQuestion").hide();           
     }       
  })

});

    InformationsquelleAutor bipen

  4. 0

    Versuchen, diese

    $(document).ready(function(){

  $(".subQuestion").hide();

  $(document).on('click', '.myradio' , function() {
         if (this.value == 0){ 
            $(".subQuestion").hide();          
         }
         else {
            $(".subQuestion").show();           
         }       
    })

});

    InformationsquelleAutor Dinesh

  5. 0

    Versuchen this, dies ist hilfreich für Sie. In deinem code-problem in $(this.value).length > 0) dieser Zeile, diese ist syntax error, schwierig, den Wert der radio-Schaltfläche, die angeklickt wird.

    $(".subQuestion").hide();
  $('input[type=radio]').change(function() {
         if ($(this).val()== 0){ 
            $(".subQuestion").show();           
         }
         else {
            $(".subQuestion").hide();           
         }       
  });

    InformationsquelleAutor S. S. Rawat

Schreibe einen Kommentar