materializecss读取单选按钮

问题描述：

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”。 `

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

答

好，一些黑客左右后，我发现下面似乎工作

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

不知道是否有更好的方法来做到这一点，但正如我所说，似乎工作。

答

这可能会解决您的问题。

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

materializecss读取单选按钮

相关推荐