2013-03-24 190 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