2017-03-08 29 views
0

materializecss的新手,試圖閱讀單選按鈕,沒有任何運氣。materializecss讀取單選按鈕

<form class="main" id="sponsorform" novalidate="novalidate" style="max-width: 480px;margin: 40px auto;"> 
    : 
    <div> 
    <div class="row"> 
     <div class="input-field col s12"> 
     <p>Choose race to sponsor</p> 
     <p> 
      <input type="radio" name="race" id="wdf"> 
      <label for="wdf">Women's Distance Festival</label> 
      </p> 
     <p> 
      <input type="radio" name="race" id="msm"> 
      <label for="msm">Market Street Mile</label> 
      </p> 
        </div> 
    </div> 

    <div class="row"> 
     <div class="input-field col s6"> 
     <button class="waves-effect waves-light btn submit-btn" type="submit" onclick="nextOrSubmitPage(); return false;">Next</button> 
     </div> 
    </div> 
    </div> 

當我點擊其中的一個選項,圓被強調,但使用Chrome檢查我沒有看到任何改變DOM。

,當我嘗試閱讀我看到的要麼

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

或我得到一個錯誤空

不知道什麼樣的變化在這兩個行爲之間,雖然的'不能讀取屬性「VAL」。 `

注意:這一切都在谷歌應用腳​​本。不確定這是否相關。

回答

1

好,一些黑客左右後,我發現下面似乎工作

$('input[name=race]:checked').attr('id')

不知道是否有更好的方法來做到這一點,但正如我所說,似乎工作。

1

這可能會解決您的問題。

$("input[name=group1]:checked").next().text();