2010-08-16 2 views
4

У меня есть следующий набор HTML для радио и поля выбора, я хочу, чтобы получить значение с запятымиПолучить выберите значения и значения радиосигналов с помощью JQuery

ДЛЯ радиокнопок

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

для Бота выше случае я нужна строка, как Мужчина, Женщина

ответ

3

Для кнопки радио:

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 Docs, жаль первоначальная ошибка), попробуйте -

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(","); 
+0

У обоих есть js error "values.join не является функцией" :( –

+0

Я думаю, что он возвращает только первое значение, т.е. Мужчина –

+0

@Nasanth - вы правы. Попробуйте отредактировать. – 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> 

Как провериться значение радио кнопки?