Question

如何在列表中找到所选的id单选按钮。

这是radiobutton：

<input name="1" id="1" type="radio">

Radiobutton是动力学。

这是动态单选按钮列表。

<div class="row">
  <div class="form-group">
      <div class="col-md-12">
          <label>1. Here is the question??</label>
          <div class="icheck-list">
              <label class="icheck-list" id="1">

                  <input name="1" id="1" type="radio">Strongly Disagree
                  <span></span>
              </label>  
          </div>
          <div class="icheck-list">
              <label class="icheck-list" id="2">
                  <input name="1" id="2" type="radio">Disagree
                  <span></span>
              </label>
          </div>
          <div class="icheck-list">
              <label class="icheck-list" id="3">
                  <input name="1" id="3" type="radio">Neither Agree or Disagree
                  <span></span>
              </label>
          </div>
          <div class="icheck-list">
              <label class="icheck-list" id="4">      
                  <input name="1" id="4" type="radio">Agree
                  <span></span>
              </label>
          </div>
          <div class="icheck-list">
              <label class="icheck-list" id="5">    
                  <input name="1" id="5" type="radio">Strongly Agree
                  <span></span>
              </label>
          </div>
      </div>
  </div>
</div>

问题有5个可能的答案。

我正在使用mvc 4.

下一个问题即问题2。

答案radiobutton就像

<input name="2" id="11" type="radio">Strongly Disagree

那么如何找到所选的单选按钮ID和名称???

这是我在视图页面中使用的html。

        <div class="tab-pane active" id="tab1">

                                        @foreach (var items in Model.ParentList)
                                        {
                                            <div class="row">

                                                <div class="form-group">

                                                    <div class="col-md-12">


                                                        <label>@items.QuestionText</label>

                                                        @foreach (var ch in Model.ChildList)
                                                        {
                                                            if (items.QuestionId == ch.QuestionId)
                                                            {

                                                                <div class="icheck-list">
                                                                    <label class="icheck-list" id="@ch.AnswerId">
                                                                        @*<input type="checkbox"> @Html.DisplayFor(model => model.Answers[j].AnswerText)*@
                                                                        <input name="@ch.QuestionId" id="@ch.AnswerId" type="radio">@ch.AnswerText
                                                                        <span></span>
                                                                    </label> </div>
 }

                                                        }
 </div>
</div>
 }
</div>

共有10个问题，每个问题有5个多项选择答案。所以Model.ParentList我总共有10个带id的问题在Model.ChildList中我得到了50个答案。那么我如何绑定并获得所选的单选按钮值？

Answer 1

这段代码将返回jQuery中选中的单选按钮的值：

$('input[name=<name of radio>]:checked').val();

在您的情况下使用名为＆＃39; 1＆＃39;它会是：

$('input[name=1]:checked').val();

我希望我能正确理解这个问题，这可能对你有用。

Answer 2

请为每个输入使用值而不是id，然后您可以尝试下面的代码

$('input[type=radio]').on('change',function(event){
    console.log($(this).val()); 
});

Answer 3

首先附加一个事件监听器，用于检测选择的变化。

jQuery( "input[name='1']" ).on( "click", function() {
  var id = jQuery(this).attr("id");
  var name = jQuery(this).attr("name");
  alert("Id:"+ id);
  alert("Name: "+name);      

});

输入[name ='2']

时可以使用类似的方法

如何找到所选的放射性按钮列表的ID和名称

3 个答案: