2016-05-23 2 views
-1

я иметь простую форму, как это:Javascript получить значение ввода кнопки HTML радио выбрано

<form id="formSearch"> 
<label><input type="radio" name="number" value="1">singular</label><br> 
<label><input type="radio" name="number" value="2">plural</label><br><br> 
<INPUT type="Submit" Value="Show" name="show" ></INPUT> 
</form> 

Я хочу, чтобы получить «радио-значение» выбранной кнопки с JavaScript:

var account = document.getElementsByName("number").value; 

не дают правильного ответа. если я даю ловушку:

alert(account); 

результат: не определено. я не знаю, где вред, есть, кто готов помочь мне, спасибо

ответ

0

В JQuery, вы можете использовать переключатель проверяется атрибут для этого

$("[name='number']:checked").val() 
0

Использование JavaScript:

document.querySelector('[name=number]:checked').value; 
0

function test() { 
 
    
 
    var checkedRadioBtnList=new Array(); 
 
    
 
    var account = document.getElementsByName("number"); 
 
    
 
    for(i=0; i<account.length;i++){ 
 
    if(account[i].checked){  
 
     checkedRadioBtnList.push({value:account[i].value}); 
 
    }  
 
    } 
 
    
 
    console.log(checkedRadioBtnList); 
 
}
<form id="formSearch"> 
 
<label><input type="radio" name="number" value="1">singular</label><br> 
 
<label><input type="radio" name="number" value="2">plural</label><br><br> 
 
<INPUT type="Submit" Value="Show" name="show" onclick="test()" ></INPUT> 
 
</form>

getElementsByName вернет массив.

EDIT

я просто ответить на вопрос, как получить проверяется значение с помощью javascript.

Существует множество вариантов сохранения значений в соответствии с приложением. Я улучшил свой ответ, чтобы сохранить значения переключателя checked в Array, используя JSON Object.

+1

Но откуда вы узнали, какой элемент выбран? Простой доступ к первому радио не является решением. –

+0

@RoryMcCrossan проверить мой обновленный ответ. –

+0

предупреждает ложь, если я выбираю множественное число. – Jai

Смежные вопросы