Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2014
    Messaggi
    194

    uncheck di un input al click in una div

    Buongiorno, non mastico il JS per cui siate clementi.
    La mia situazione è questa: ho una transazione in css che si avvia al click di un input facendo scendere un menù a tendina. Le altre voci del menù non hanno tendine ma sono link diretti ad ancore nella pagina.
    Ora per chiudere la tendina devo cliccare sul label che fa a capo all'input. Vorrei che la tendina si chiudesse anche al click di un'altra voce del menù.
    Ho provato modificando la classe della tendina ma ho l'input che rimane checked e mi crea conflitti in css.
    Ho quindi fatto una ricerca per riuscire a rendere uncheck un input o fare il checked dell'altro. Questo è quello che ho fatto

    codice HTML:
    <input type="radio" name="apriprodotti" id="upprodotti" class="chiuditi"/>
    <input type="radio" name="apriprodotti" id="downprodotti" class="apriti"/>
    
    <div id="menu">
       <ul>
        <li id="button1" class="bottone scendi attuale"><a id="buttonclick1" href="#home" title="Vai alla Homepage" >Home</a></li>
        <li id="button2" class="bottone scendi"><a href="#chisiamo" title="Scopri chi siamo" >Chi siamo</a></li>
        <li id="button3" class="bottone">Prodotti
         <label for="upprodotti" id="menuup"><img src="images/mascherina.png" alt="Chiudi" /></label>
         <label for="downprodotti" id="menudown"><img src="images/mascherina.png" alt="Apri" /></label>
        </li>
        <li id="button4" class="bottone scendi"><a href="#contatti" title="Contattaci" >Contatti</a></li>
       </ul> 
     </div>
    codice:
     <script type="text/javascript">
     function unCheck(){
            var val = this.value;
            $('.chiuditi[value="' + val + '"]').attr('checked', true);
         };
    
    
      window.onload = function(){
      document.getElementById("buttonclick1").addEventListener( 'click' , unCheck );
      };
    
    
    </script>

    Grazie mille

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2014
    Messaggi
    194
    Un aiutino please per perseguire questa strada, oppure un'alternativa?

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2014
    Messaggi
    194
    Risolto!!

    Avevo omesso di indicare il value del campo input ma soprattutto: http://api.jquery.com/prop/

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.