script che apre una div ma in automatico non dopo un'azione

[marste881]

ho il seguente script

<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script><script type="text/javascript">
	$(document).ready(function(){
		$('input[type="radio"]').click(function(){
			if($(this).attr("value")=="pagamUnico"){
				$(".box").not(".pagamUnico").hide();
				$(".pagamUnico").show();
			}
			if($(this).attr("value")=="rateizza"){
				$(".box").not(".rateizza").hide();
				$(".rateizza").show();
			}
		});
	});
</script>

lanciato da :

<input type=\"radio\" name=\"tipo\" value=\"pagamUnico\" required> Pagamento Unico
<input type=\"radio\" name=\"tipo\" value=\"rateizza\" checked required> Rateizza

Cliccando su uno dei due "radio" si apre correttamente la box. benissimo, vorrei però che si aprisse in automatico la box se presente l'attributo checked

come posso fare?

[Vindav]

Crea una funzione con le istruzioni da eseguire(nel mio esempio sotto l'ho chiamata controllaPagamento) poi fai qualcosa del genere:

if($('input[type="radio"]:checked').length > 0) controllaPagamento();
$('input[type="radio"]).click(controllaPagamento);

Se ti serve sapere qual'è il radio checked ti basta passarlo come paramentro della funzione.

[marste881]

Crea una funzione con le istruzioni da eseguire(nel mio esempio sotto l'ho chiamata controllaPagamento) poi fai qualcosa del genere:

if($('input[type="radio"]:checked').length > 0) controllaPagamento();
$('input[type="radio"]).click(controllaPagamento);

Se ti serve sapere qual'è il radio checked ti basta passarlo come paramentro della funzione.

Grazie in primis per la risposta così veloce.

non ho capito come faccio a dirgli di controllare il "radio" di nome tipo, e di conseguenza di vedere cosa vale avendo tutti e due lo stesso nome?

[cavicchiandrea]

$(document).ready(function(){
        $('input:radio[name="tipo"]:eq(0)').click(function(){
            if($(this).val()=="pagamUnico"){
                $(".box").not(".pagamUnico").hide();
                $(".pagamUnico").show();
            }
            else{
                $(".box").not(".rateizza").hide();
                $(".rateizza").show();
            }
        });
    });

[Vindav]

if($('input[type="radio"]:checked').length > 0) controllaPagamento();


con questa istruzione controllo se almeno un radio è checked quando la pagina viene caricata, se ne esiste almeno uno allora chiamo la funzione. La funzione conterrà il codice che hai postato, quindi verifica già se è il radio pagUnico o rateizza.


Se ti serve farlo solo per gli elementi di nome tipo allora puoi usare $('input:radio[name="tipo"]')


il codice completo dovrebbe essere qualcosa del genere:

function controllaPagamento(chkRadio){
         if(chkRadio.val()=="pagamUnico"){
                 $(".box").not(".pagamUnico").hide();                $(".pagamUnico").show();
            }
            if(chkRadio.val()=="rateizza"){
                 $(".box").not(".rateizza").hide();                $(".rateizza").show();
            }
}


if($('input:radio[name="tipo"]:checked').length > 0) controllaPagamento($('input:radio[name="tipo"]:checked'));
$('input:radio[name="tipo"]').click(function(){controllaPagamento($('input:radio[name="tipo"]:checked'))});