2013-10-02 45 views
-3

我有單選按鈕的兩個簡單的羣體,就像這樣:jQuery的GET值

Yes<input type="radio" name="first" value="yes"> No<input type="radio" name="first" value="no"><br> 
Yes<input type="radio" name="second" value="yes"> No<input type="radio" name="second" value="no"> 
<h4 class="result"></h4> 

我將它們設置成這樣的:

  • 如果兩組都「否」值,則h4中的結果爲「低」
  • 如果兩組的值均爲「是」,則結果爲「高」
  • 如果兩組的值均爲「是」且值不同「不」 ult將會是「Medium」

所以,我想用change event把它變成jQuery,我該怎麼做?

+3

聘請程序員,或者開始閱讀jQuery的文檔。 – Itay

+0

一個良好的開端是修復您的標記。關閉'input'標籤。 – melancia

+0

和** ** BR也''
:) – lolotron

回答

0

首先,通過關閉輸入標籤解決您的標記。然後:

$(function() { 
    $('input[type="radio"]').on("change", function() { 

     var firstChecked = $('input[type="radio"][name="first"]:checked').val(); 
     var secondChecked = $('input[type="radio"][name="second"]:checked').val(); 

     if (typeof firstChecked == "undefined" || typeof secondChecked == "undefined") return; 

     var result = firstChecked == "yes" && secondChecked == "yes" ? "High" : firstChecked == "no" && secondChecked == "no" ? "Low" : "Medium"; 

     $('.result').text(result); 
    }); 
}); 

演示:http://jsfiddle.net/5dzHn/

+0

感謝@MelanciaUK你真的幫了我! :d – AGF