passaggio valori delle variabili da form

  • Creatore Discussione Creatore Discussione turillo
  • Data di inizio Data di inizio

turillo

Utente Attivo
23 Apr 2012
47
0
0
ho questo form:

HTML:
<form class='form'>
<fieldset><legend>select operating system:</legend>
<input type="radio" name="machine" value="windows"> windows
<input type="radio" name="machine" value="linux"> linux
<input type="radio" name="machine" value="mac"> mac
</fieldset>
<fieldset><legend>select random text:</legend>
<input type="radio" name="randomtext" value="randomtext1"> randomtext1
<input type="radio" name="randomtext" value="randomtext2"> randomtext2
<input type="radio" name="randomtext" value="randomtext3"> randomtext3
</fieldset>
<p class='apri'><a href='#'>Find algorithms</a></p>
</form>
<div class="overlay" id="overlay" style="display:none;"></div>
<div id="box">
<h3 class="titolo_box">Select the algorithms:</h3>
<p class="testo-box"></p>
<hr />
<p class="chiudi">X</p>
</div>  <!--fine box-->

e questo codice jquery che mi apre un overlay con un box all'interno:

Codice:
$(document).ready(function() {
	
	 $(".apri").click(
     function(){
         $('#overlay').fadeIn('fast');
         $('#box').fadeIn('slow');
		 $('.testo-box').text();
     });
 
     $(".chiudi").click(
     function(){
     $('#overlay').fadeOut('fast');
     $('#box').hide();
     });
 
     //chiusura emergenza
     $("#overlay").click(
     function(){
     $(this).fadeOut('fast');
     $('#box').hide();
     });
 
});

la domanda che vi faccio è: come posso passare i valori delle radio box all'interno del box nell'overlay?
ho provato a inserire la variabile
$val = $("input[@name='machine']:checked").val();
e poi
$('.testo-box').text($val);
ma non funziona lo script.

grazie tante per le risposte :)
 
in parte ho risolto, però non capisco una cosa:

Codice:
$(".apri").click(
     function(){
		 $op = $("input[@name='machine']:checked").val();
		 $('.testo-box').text($op);
		 $text = $("input[@name='randomtext']:checked").val();
		 $('.testo-box').append($text);
         $('#overlay').fadeIn('fast');
         $('#box').fadeIn('slow');
     });

perchè la variabile $text ha lo stesso valore di $op? infatti nel box mi compare 2 volte lo stesso valore:confused:
 
pare abbia risolto anche questo:

invece di
$("input[@name='nome']:checked").val();

bisognava mettere
$("input:radio[name='nome']:checked").val();
 

Discussioni simili