Question

对materialisecss来说是新手，试图阅读单选按钮而没有任何运气。

<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"

或者我收到错误`无法读取属性＆＃39; val＆＃39;为null

不确定这两种行为之间有什么变化。

注意：这都在谷歌应用程序脚本中。不确定这是否相关。

Answer 1

好的，经过一些黑客攻击，我发现以下内容似乎有效

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

不确定是否有更好的方法可以做到这一点，但正如我所说它似乎有用。

Answer 2

这可以解决您的问题。

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

materializecss阅读单选按钮

2 个答案: