2017-10-04 53 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編輯了問題。 –