2013-03-24 191 views
-1

我想知道是否有人可以帮我解决问题,我被困在需要写一些代码的地方。将HTML单选按钮值传递给javascript变量

Question : did you like the training? 

<input type="radio" name="q4" value="Yes">Yes 
<input type="radio" name="q4" value="No">No 

无论是检查我想将它传递给一个JavaScript变量。

+0

那你试试? – 2013-03-24 15:42:32

回答

3

我想你可以做这样的事情:

var ch = document.getElementsByName('q4'); 

for (var i = ch.length; i--;) { 
    ch[i].onchange = function() { 
     alert(this.value); 
    } 
} 

http://jsfiddle.net/EUErP/

所以你订阅改变事件,并且可以使用某种方式选择的值。

或者,您可以使用querySelectorquerySelectorAll)方法。下面是你可以得到检查元素值的例子:

var checked = document.querySelector('[name="q4"]:checked'); 

http://jsfiddle.net/EUErP/2/

+0

它给我空,任何建议?我所做的是我使用了querySelector,就像你之前用这个代码建议的点击这里 – 2013-03-24 16:10:05

+0

可能什么也没有检查? – dfsq 2013-03-24 16:11:58

+0

毕竟,我设法使它工作,但它似乎与IE不兼容,因为我得到的错误对象不支持这个属性或方法,它引用这行'var checked = document.querySelector('[ NAME = “ANSWER1”]:检查'); ' – 2013-03-24 16:55:43

3

你可以试试这个使用jquery。

$('input[name="q4"]:checked').val(); 
+3

由于问题未标记为“jquery”,因此您应提供替代解决方案(不含jQuery)。 – 2013-03-24 15:46:20

+0

你能告诉我如何在Javascript中编写此代码吗?或者如何在jQuery中定义,例如answer = $('input [name =“q4”]:checked')。val(); “它是正确的吗? – 2013-03-24 15:51:05