使用jQuery获取选择值和单选框值

Question

我有以下的html代码，包括单选框和下拉选择框，我想用逗号分隔符获取值。 对于单选按钮：

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

对于选择框

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

对于上述两种情况，我需要一个字符串，如男，女。

- Nisanth Kumar

Answer 1

对于单选按钮：

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

对于选择框：

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

编辑：根据下面的评论（与jquery文档相符，对于最初的错误表示抱歉），请尝试 -

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

并且

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

- justkt

---

我认为它只会返回第一个值，即男性。 - Nisanth Kumar

在同名的收音机中，只能选择一个。那么选哪一个呢？ - teecee

Answer 2

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

如何获取选中的单选按钮值？

- Dhaval Varsada