Javascript 如何找到radiobutton列表的选定id和名称

如何在列表中找到radiobutton的选定

id

这是单选按钮：

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

无线按钮是动态的

这是动态单选按钮列表

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

1.问题是？？
强烈反对
不同意
不同意也不反对
同意
强烈同意

一个问题有5种可能的答案

我正在使用MVC4

对于下一个问题，即问题2

答案单选按钮就像

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

@foreach（Model.ParentList中的变量项）
{
@项目.问题文本
@foreach（Model.ChildList中的var ch）
{
if（items.QuestionId==ch.QuestionId）
{
@*@Html.DisplayFor（model=>model.Answers[j].AnswerText）*@
@总答案文本
}
}
}

共有10个问题，每个问题有5个选择题答案。 所以Model.ParentList我一共有10个问题 在Model.ChildList中，我得到了50个答案。

---

那么我如何绑定并获得所选单选按钮值

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

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

---

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

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

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

---

首先附加一个事件侦听器，该侦听器检测选择中的更改

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

在控制器或javascript中的何处使用？如果在控制器中，您需要为您的收音机提供一个值属性您的输入和标签具有相同的id。您应该在标签中使用

for

而不是

id

如何使用不同的id？？？@Pete我不明白，有人能告诉我如何解决吗？var a=$（'input[name=1]：checked'）。val（）；a是未定义的。如果我单击，在表单中提交后，有时它会“打开”，然后仅显示idHow以及何时需要id和名称？让我们看看。请参阅本页中的最后一个示例。你可能会得到一个解决方案。

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

});