2013-10-06 3 views
-1

i ont les deux suivantes bloc div:bouton radio Jquery ne marche pas vous inscrire, cliquez

<div class="span9" id="lejer"> 
    <div class="span9" id="udejer"> 

Notez que dans mon Html ils ont beaucoup de choses en eux, mais pour le bien de le garder court je ne vais pas poster tous il.

Au sommet de mon document que j'ai les boutons radio suivants:

<div class="controls"> 
<label class="radio inline"> 
    <input id="optionsRadios1" type="radio" name="optionsRadios" value="option1" checked="" id="select_lejer"> 
    Jeg er lejer 
</label> 
    <label class="radio inline"> 
     <input id="optionsRadios1" type="radio" name="optionsRadios" value="option1" checked="" id="select_udlejer"> 
     <p style="padding-left:1em"> Jeg er udlejer</p> 
    </label> 

</div> 

maintenant pour basculer entre les visibilty des deux balises div i ont créé le jquery suivant:

jQuery(document).ready(function(){ 

    $('#select_lejer').click(function(){ 
     $('#udlejer').hide(); 
     $('#lejer').toggle("slow", function() { 
     // Animation complete. 
     }); 
    }); 

    $('#select_udlejer').click(function(){ 
     $('#lejer').hide(); 
     $('#udlejer').toggle("slow", function() { 
      // Animation complete. 
     }); 
    }); 

}); 

Lorsque la page est chargée l'un des radio buttons sont vérifiés et l'un des divs est correctement caché HOWEVER quand je clique sur les boutons radio rien ne se passe. Est-ce que quelqu'un peut me dire ce que je fais mal?

+3

Contextuellement, * cliquez sur * les événements sont généralement pour bu ttons and links - utilisez ['.change()'] (http://api.jquery.com/change/) sur les entrées – Emissary

+1

Votre bouton a rapidement deux identifiants. – Musa

Répondre

3

ID doit être unique en HTML, vous utilisez optionsRadios1 pour radiobuttons

Votre code

<input id="optionsRadios1" type="radio" name="optionsRadios" value="option1" checked="" id="select_lejer"> 
<input id="optionsRadios1" type="radio" name="optionsRadios" value="option1" checked="" id="select_udlejer"> 

Supprimer id="optionsRadios1" du code ci-dessus.

également vous fournir ID deux fois à des éléments radio

  • id="optionsRadios1" et id="select_lejer"
  • id="optionsRadios1" et id="select_udlejer"

Additionnellement, utilisez l'événement change au lieu de click

Questions connexes