Получение значений select и radio с помощью jquery

Question

Получение значений select и radio с помощью jquery

У меня есть следующий набор html для радио и select box я хочу получить значение с разделенной запятой

ДЛЯ ПЕРЕКЛЮЧАТЕЛЯ

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

ДЛЯ 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>

Для обоих вышеприведенных случаев мне нужна строка типа Male, Female

498 2

jQuery javascript jquery-selectors

2 ответов:

Comments

Ничего не найдено.

justkt · Accepted Answer · 2010-08-17 15:00:56

Для переключателя:
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(",");
EDIT: учитывая приведенные ниже комментарии (которые проверяются в соответствии с документами 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(",");

Dhaval Varsada · Accepted Answer · 2014-03-24 09:18:19

<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>
Как получить проверенное значение переключателя?