2017-10-04 82 views
0

我在Razor视图页面单选按钮,为此,IM努力获得使用jQuery的标签值,标签为Html.RadioButtonFor

<div class="row col-lg-offset-2 "> 
      <h4><strong><span>Is Account Modified??:</span></strong></h4> 
      @Html.RadioButtonFor(model => model.IsModified, true) @Html.Label("Yes") 
      @Html.RadioButtonFor(model => model.IsModified, false) @Html.Label("No") 
      <br> 
     </div> 

我尝试下<label>代码进行封装的单选按钮,但这是行不通的。获取标签值。我试着以下

$("input[name='IsModified']:checked").html() 

编辑1:它在网页中呈现如下

<div class="row col-lg-offset-2 "> 
      <h4><strong><span>Is Account Modified?:</span></strong></h4> 
      <input checked="checked" data-val="true" id="IsModified" name="IsModified" type="radio" value="True" /> <label for="Yes">Yes</label> 
      <input id="IsModified" name="IsModified" type="radio" value="False" /> <label for="No">No</label> 
      <br> 
     </div> 

任何建议,帮助,谢谢!

回答

0

label将是无线电input的兄弟姐妹,所以你可以使用next()

var labelText = $("input[name='IsModified']:checked").next('label').text(); 
 

 
console.log(labelText);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="row col-lg-offset-2 "> 
 
    <h4><strong><span>Is Account Modified?:</span></strong></h4> 
 
    <input checked="checked" data-val="true" id="IsModified" name="IsModified" type="radio" value="True" /> <label for="Yes">Yes</label> 
 
    <input id="IsModified" name="IsModified" type="radio" value="False" /> <label for="No">No</label> 
 
    <br> 
 
</div>

+0

它给空字符串,不能正常工作。你能想到其他任何方式吗? –

+0

在这种情况下,您可以提供更完整的代码示例,显示输出HTML(而不是Razor代码)和您正在运行此代码的JS上下文。 –

+0

使用o/p html编辑了问题。 –