4 Stimmen

Abrufen von Auswahlwerten und Radiowerten mit jquery

Ich habe den folgenden Satz von html für beide Radio-und Select-Box möchte ich den Wert mit Komma getrennt zu erhalten

FÜR RADIOBUTTON

<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>

FOR 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>  

Für beide oben genannten Fälle benötige ich eine Zeichenfolge wie Männlich, weiblich

3voto

justkt Punkte 14360

Für das Optionsfeld:

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

Für das Auswahlfeld:

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

EDIT: In Anbetracht der unten stehenden Kommentare (die gegen die Jquery Docs überprüfen, sorry für den ersten Fehler), versuchen -

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

und

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

0 Stimmen

Ich glaube, es gibt nur den ersten Wert zurück, d.h. Male

0 Stimmen

Bei einem Radio mit gleichem Namen kann nur 1 ausgewählt werden. Welches wird ausgewählt?

1voto

Dhaval Varsada Punkte 91
<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>

Wie erhalte ich den Wert einer Optionsschaltfläche?

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X