2014-01-31 3 views
0

Я уже рассматривал вопросы об этом, но я до сих пор не могу этого сделать. Как я могу получить значение этих переключателей? Разве я не должен делать это по имени? HTML:Получение значения проверенного переключателя по имени переключателя?

<label for 'planet'>Planet:</label> <br> 
    <input id ='mercury' type ='radio' name='planets' value='mercury'>Mercury<br> 
    <input id ='venus'type ='radio' name='planets' value='venus'>Venus<br> 
    <input id ='earth'type ='radio' name='planets' value='earth'>Earth<br> 
    <input id ='mars'type ='radio' name='planets' value='mars'>Mars<br> 
    <input id ='jupiter'type ='radio' name='planets' value='jupiter'>Jupiter<br> 
    <input id ='saturn'type ='radio' name='planets' value='saturn'>Saturn<br> 
    <input id ='uranus'type ='radio' name='planets' value='uranus'>Uranus<br> 
    <input id ='neptune'type ='radio' name='planets' value='neptune'>Neptune<br><br> 

    <button id='submit'>SUBMIT</button> 

JavaScript:

$('#submit').on('click',function(){ 
    $("input:radio").attr("checked", false); 
    var age = document.getElementById('age'); 
    age.value=' '; 

    var checked = document.getElementsByName('planets').checked.value; 
    alert(checked); 
}); 
+0

** Примечание : ** Используйте '.prop()' вместо '.attr' при использовании логических значений – Anton

+3

Итак, сначала сначала вы удаляете все флаги, затем пытаетесь получить проверенные? – adeneo

+0

Вы хотите получить все значения радио? – Anton

ответ

0

$("input[name='planets']:checked").val()

JSFIDDLE DEMO

EDIT:

Я вижу эту строку в обработчике представить, это будет отключить все кнопки радио, так что не делать ..

$("input:radio").attr("checked", false);

+0

Я пробовал что-то подобное, и он просто сказал «undefined», и он по-прежнему делает это с – Veronica

+0

@Veronica - пожалуйста, взгляните на демо. Если ничего не проверено, при нажатии кнопки submit оно будет отображаться неопределенно, иначе выдает значение правильно. – Krishna

0

Вы можете получить значение, как это -

checked = $('input:radio[name="planets"]:checked').val(); 
Смежные вопросы