Jquery Onclick ne marche pas semble fonctionner pour moi

Ma page php utilise séquence de trois boutons radio et deux sur trois appels événement click jquery et un div en conséquence permet de basculer ...Jquery Onclick ne marche pas semble fonctionner pour moi

Voici ma fonction Jquery ....

$(function() {  
    $("#click_here").click(function(event) { 
    event.preventDefault(); 
    $("#div1").slideToggle(); 
    }); 

    $("#div1 a").click(function(event) { 
    event.preventDefault(); 
    $("#div1").slideUp(); 
    }); 
}); 

$(function() { 
    $("#click").click(function(event) { 
    event.preventDefault(); 
    $("#div2").slideToggle(); 
    }); 

    $("#div2 a").click(function(event) { 
    event.preventDefault(); 
    $("#div2").slideUp(); 
    }); 
});

et mes boutons radio sont

 <input type="radio" name="Modeofpayment" value="1">Cash 
     <div> 
      <div id="id" style="width:411x; height:20px;"> 
       <input type="radio" name="Modeofpayment" id="click_here" value="2">DD 
       </div> 
    <div style="display: none;" id="div1"> 
     <div style="float:right;"> 
      <a href="#" class="close">[x]</a> 
     </div> 
    <input type="hidden" name="chkVal" id="chkVal" size="20"> 
     <table border="0" width="200" align="center"> 
      <tr> 
      <td style="width:5px">&nbsp;</td> 
      <td class="table_label" width='100px'>College Bank Name</td> 
      <td style="width:10px">&nbsp;</td> 
      <td> 
      <input type='text' name='txtCollegeBankName' id='txtCollegeBankName' 

      Class='text_box_height_14_width_150' > 
      </td> 
      <td></td> 
      <td style="width:5px">&nbsp;</td> 
      </tr> 
      <tr> 
      <td style="width:5px">&nbsp;</td> 
      <td class="table_label" width='100px'>DD NO</td> 
      <td style="width:10px">&nbsp;</td> 
      <td> 
      <input type='text' name='txtDDNO' id='txtDDNO' 

      Class='text_box_height_14_width_150' > 
      </td> 
      <td></td> 
      <td style="width:5px">&nbsp;</td> 
      </tr> 
      <tr> 
      <td style="width:5px">&nbsp;</td> 
      <td class="table_label" width='100px'>DD Amount</td> 
      <td style="width:10px">&nbsp;</td> 
      <td> 
      <input type='text' name='txtDDAMT' id='txtDDAMT' 

      Class='text_box_height_14_width_150' > 
      </td> 
      <td></td> 
      <td style="width:5px">&nbsp;</td> 
      </tr> 
      <tr> 
      <td style="width:5px">&nbsp;</td> 
      <td class="table_label" width='100px'>DD Bank Name</td> 
      <td style="width:10px">&nbsp;</td> 
      <td> 
      <input type='text' name='txtBankName' id='txtBankName' 

      Class='text_box_height_14_width_150' > 
      </td> 
      <td></td> 
      <td style="width:5px">&nbsp;</td> 
      </tr> 
      <tr> 
      <td style="width:5px">&nbsp;</td> 
      <td class="table_label" width='100px'>Remarks</td> 
      <td style="width:10px">&nbsp;</td> 
      <td> 
      <input type='text' name='txtRemarks' id='txtRemarks' 

      Class='text_box_height_14_width_150' > 
      </td> 
      <td></td> 
      <td style="width:5px">&nbsp;</td> 
      </tr> 


     </table> 

    </div> 
    <div> 
      <div id="id" style="width:411x; height:20px;"> 
       <input type="radio" name="Modeofpayment" id="click" value="3">Cheque 
      </div> 
    <div style="display: none;" id="div2"> 
     <div style="float:right;"> 
      <a href="#" class="close">[x]</a> 
     </div> 
    <input type="hidden" name="chkVal" id="chkVal" size="20"> 
     <table border="0" width="200" align="center"> 
      <tr> 
      <td style="width:5px">&nbsp;</td> 
      <td class="table_label" width='100px'>College Bank Name</td> 
      <td style="width:10px">&nbsp;</td> 
      <td> 
      <input type='text' name='txtCollegeBankName' id='txtCollegeBankName' 

      Class='text_box_height_14_width_150' > 
      </td> 
      <td></td> 
      <td style="width:5px">&nbsp;</td> 
      </tr> 
      <tr> 
      <td style="width:5px">&nbsp;</td> 
      <td class="table_label" width='100px'>CHQ NO</td> 
      <td style="width:10px">&nbsp;</td> 
      <td> 
      <input type='text' name='txtDDNO' id='txtDDNO' 

      Class='text_box_height_14_width_150' > 
      </td> 
      <td></td> 
      <td style="width:5px">&nbsp;</td> 
      </tr> 
      <tr> 
      <td style="width:5px">&nbsp;</td> 
      <td class="table_label" width='100px'>CHQ Amount</td> 
      <td style="width:10px">&nbsp;</td> 
      <td> 
      <input type='text' name='txtDDAMT' id='txtDDAMT' 

      Class='text_box_height_14_width_150' > 
      </td> 
      <td></td> 
      <td style="width:5px">&nbsp;</td> 
      </tr> 
      <tr> 
      <td style="width:5px">&nbsp;</td> 
      <td class="table_label" width='100px'>CHQ Bank Name</td> 
      <td style="width:10px">&nbsp;</td> 
      <td> 
      <input type='text' name='txtBankName' id='txtBankName' 

      Class='text_box_height_14_width_150' > 
      </td> 
      <td></td> 
      <td style="width:5px">&nbsp;</td> 
      </tr> 
      <tr> 
      <td style="width:5px">&nbsp;</td> 
      <td class="table_label" width='100px'>Remarks</td> 
      <td style="width:10px">&nbsp;</td> 
      <td> 
      <input type='text' name='txtRemarks' id='txtRemarks' 

      Class='text_box_height_14_width_150' > 
      </td> 
      <td></td> 
      <td style="width:5px">&nbsp;</td> 
      </tr> 


     </table> 

    </div>

Par défaut je peux sélectionner une, mais je ne peux pas choisir un autre ... mon précédent bouton radio reste sélectionné et mon nouveau bouton radio clic bascule s la div mais elle n'est pas sélectionnée ....

Source

2010-02-08 Anonymous

Vos boutons radio ne sont pas sélectionnés parce que vous avez event.preventDefault(); sur vos fonctions de clic - cela annule le clic et ne les sélectionne pas.
Supprimez simplement ces lignes.

Source

2010-02-08 11:34:46 Kobi

Juste pour clearifier: vous avez besoin de 'event.preventDefault();' sur les clics '', donc la page ne saute pas, mais pas pour les radios. – Kobi

-1

Dès le début de votre balisage, vous ne fermez pas votre balise <input>.

En fait, vous ne fermez jamais vos balises d'entrée.

Source

2010-02-08 11:29:16

'' les étiquettes n'ont pas besoin d'être fermées - en fait elles ne peuvent pas l'être. Faire quelque chose comme '' est seulement nécessaire pour XHTML –

L'élément d'entrée est défini comme VIDE et donc la balise de fin ** doit ** être omise (en HTML). Si l'auteur utilisait XHTML (et rien ne le suggère) alors la seule fois où cela causerait un problème serait si le document était analysé comme XHTML auquel cas j'attendrais une question sur le Yellow Screen Of Death plutôt que des événements non tirant comme prévu. – Quentin

Jquery Onclick ne marche pas semble fonctionner pour moi

Répondre

Questions connexes