Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    [JQuery] visualizzazione div tramite radio button

    Raga urge aiutino !

    ho bisogno di visualizzare un div a secondo del valore di un radio button, mi spiego;

    ho una semplice coppia di radio button: SI e NO

    Al momento sono riuscito a gestire tramite JQuery la visualizzazione del div che voglio con questo script.

    codice:
    <script type="text/javascript">
    
      $('#div_1').hide();
      $('#div_2').hide();
      
      $("#radio_div_1").click(function() {	
        $("#div_1").fadeToggle("slow", "linear");
        $('#div_2').hide();
      });
      
      $("#radio_div_2").click(function() {	
        $("#div_2").fadeToggle("slow", "linear");
        $('#div_1').hide();
      });
          
    </script>
    Adesso però avrei un'altra esigenza, riuscire a visualizzare il relativo <div> non solo con l'evento "click" di JQuery, ma anche con il valore del radio button al download della pagina, però senza perdere l'utilità dell'evento "click", ovvero:

    se al download della pagina il valore del radio button fosse "1"
    codice:
    <input type="radio" id="radio_1" value="1" checked="checked"/> SI 
    <input type="radio" id="radio_2" value="2" /> NO

    dovrebbe visualizzarsi in automatico il div n.ro 1, e viceversa, però nel caso in cui l'utente cliccasse il radio button "radio_2" si nascondesse il <div id="div_1"> e si visualizzasse il <div id="div_2">, spero di non essere stato molto contorto nella spiegazione.

    Mi aiutate per favore ?




    .

  2. #2
    Non so se è il massimo, ma sono riuscito nell'intento con questo codice !
    grazie comunque


    codice:
    <script type="text/javascript">
    
    	if ($("#anomalie_si").is(':checked')){	
    				$("#problemi_si").show();
    				$('#problemi_no').hide();
    	}
    	else if($("#anomalie_no").is(':checked')){
    				$("#problemi_no").show();
    				$('#problemi_si').hide();
    	}
    	else{
    				$('#problemi_no').hide();
    				$('#problemi_si').hide();
    	}
    	
    	
    	$('input:radio').change(
        function(e){
            if ($("#anomalie_si").is(':checked')){
    					$("#problemi_si").show();
    					$('#problemi_no').hide();
            }
    				else if($("#anomalie_no").is(':checked')){
    					$("#problemi_no").show();
    					$('#problemi_si').hide();
            }
    				else{
    					$('#problemi_no').hide();
    					$('#problemi_si').hide();
    				}
        });
     
    </script>

    .

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.