2010-08-16 4 views
4

je l'ensemble suivant de html pour la radio et la boîte de sélection que je veux obtenir la valeur avec séparées par des virgulesObtenez sélectionner des valeurs et des valeurs de radio en utilisant jquery

POUR BOUTON RADIO

<div class="element" id="radio_gender"> 
    <div class="fleft"> 
     <label for="gender">Gender</label> 
    </div> 
    <div class="fleft"> 
     <input type="radio" value="Male" name="gender" />Male 
     <br /> 
     <input type="radio" value=" Female" name="gender" /> Female<br /> 
    </div> 
    <div class="clr"></div> 
</div> 

pOUR selectbox

<div class="element" id="select_gender2"> 
    <div class="fleft"> 
     <label for="gender2">Gender2</label> 
    </div> 
    <div class="fleft"> 
     <select name="gender2" id="gender2" > 
      <option value="Male">Male</option> 
      <option value=" Female"> Female</option> 
     </select> 
    </div> 
    <div class="clr"></div> 
</div> 

pour Bothe le cas ci-dessus je besoin d'une chaîne comme Homme, Femme

Répondre

3

Pour le bouton radio:

var values = $("input:radio[name='gender']").val(); // selects all radios with name 
                // gender and gets their values 
var string = values.join(","); 

Pour la zone de sélection:

var values = $("#gender2 option").val(); // finds all option tags under id 
               // gender2 
var string = values.join(","); 

EDIT: Compte tenu des commentaires ci-dessous (qui vérifient contre les jquery docs, désolé l'erreur initiale), essayez -

var values = []; 
$("input:radio[name='gender']").each(function() { 
    values.push($(this).val()); 
}); 
var string = values.join(","); 

et

var values = []; 
$("#gender2 option").each(function() { 
    values.push($(this).val()); 
}); 
var string = values.join(","); 
+0

les deux ont js erreur "values.join n'est pas une fonction" :( –

+0

je pense qu'il ne renvoie que la première valeur, à savoir Homme –

+0

@Nasanth - vous avez raison.Essayez le edit – justkt

1
<input type="radio" name="gender" value="male"/> 
<input type="radio" name="gender" value="female"/> 
<script> 
    var genderVal = $("input:radio[name='gender']:checked").val(); 
    alert(genderVal); 
</script> 

Comment faire vérifier la valeur de bouton radio?

Questions connexes