Si le bouton Radio coché div

J'ai le CODE HTML ci-dessous:

JS:

$('input[type="radio"]').click(function(){
  
  if($(this).attr("value")=="ABC"){
    $(".Box").hide('slow');
  }
  if($(this).attr("value")=="PQR"){
    $(".Box").show('slow');

  }        
});

HTML:

<table>
  <tr>
    <td align="left" height="45">

      <input type="radio" class="radioBtn" name="Radio" 
             id="Radio" value="ABC" required>
      ABC

      <input class="radioBtn" type="radio" name="Radio" 
             id="Radio" value="PQR"  required>
      PQR

      <div class="Box" style="display:none">Text</div>
    </td>
  </tr>
</table>

Tous les code ci-dessus fonctionne bien & correctement. Mais mon problème est que lorsque j'ai vérifié par défaut PQR alors la Boîte div doit afficher avec cliquant sur le bouton radio. Ce qui n'allait pas dans mon code ou quels changements il faut..??

InformationsquelleAutor Dhawal Mhatre | 2015-06-09
  1. 2

    vous devez trigger la click 

    $(document).ready(function () {

    $('input[type="radio"]').click(function () {
        if ($(this).attr("value") == "ABC") {
            $(".Box").hide('slow');
        }
        if ($(this).attr("value") == "PQR") {
            $(".Box").show('slow');

        }
    });

    $('input[type="radio"]').trigger('click');  //trigger the event
});

    DÉMO

    • merci.. sa fait
    InformationsquelleAutor ozil
  2. 0

    ce que j'ai compris avec votre cette déclaration est quelque chose comme ci-dessous:

    <input class="radioBtn" type="radio" name="Radio" id="Radio" value="PQR" checked>

    signifie que vous êtes en gardant votre PQR cochée par défaut...si si.. alors ci-dessous la solution fonctionnera bien pour vous...

    je ne suis pas si bon en javascript mais ..espérons que cela aide..

    $(document).ready(function(){

if($('input[name="Radio"]').attr("value")=="PQR"){
  $(".Box").show('slow');
}
if($('input[name="Radio"]').attr("value")=="ABC"){
  $(".Box").hide('slow');
}

$('input[type="radio"]').click(function(){
    if($(this).attr("value")=="ABC"){
        $(".Box").hide('slow');
    }
    if($(this).attr("value")=="PQR"){
        $(".Box").show('slow');

    }        
});
});
    InformationsquelleAutor Muhammad Sufiyan