Question

我在剃须刀视图页面中有一个单选按钮，我正在努力使用jQuery获取标签值，

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

任何建议都会有所帮助，谢谢！

Answer 1

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>

Html.RadioButtonFor的标签

1 个答案: