如何使用jquery获取或设置单选按钮列表的选定索引?

如何使用索引检查单选按钮..下面是我的asp.net C#代码的radion按钮列表…

  

并使用C#动态绑定它。和Html看起来像

            

我想通过索引值将属性checked = true添加到单选按钮。
假设,我通过index = 2然后应该选择Category2 ..
或者也想在jquery中使用选中(checked = true)单选按钮索引..

我是怎么做到的

与选择框不同,单选按钮中实际上没有索引的概念。

但是你可以在jQuery中做这样的事情:

 $(".clsradio input:checked").index(); 

这将获得您检查范围内的所有输入框(如果只有一个组在.clsradio中,则使用无线电的应该只有一个)。

这是jsfiddle的一个例子


编辑:

一个更完整的certificate示例(但更慢)将是:

 $("input[name$='rdlCategory']:checked").index(); 

获取以rdlCategory结尾的输入。 你甚至可以添加“:radio”,但你不需要。


编辑2 – 通过传入索引进行检查。

您可以使用:

  $(".clsradio input:nth-child(5)").attr("checked", "checked"); 

使用“input”选择器的nth-child可以用作索引。

使用jquery的索引方法

 function selectRadioButton(inputindex){ $('input[name="ctl00$cphTop$rdlCategory"]').index(inputindex).attr('checked', true); } 

获得选中的单选按钮索引…

 var selectedIndex = $('input[name="ctl00$cphTop$rdlCategory"]').attr('checked', true).index(inputindex); 
  $("#<%= rdlCategory.ClientID %> input:checked").index(); 

至于如何使用jQuery在ASP.NET中选择项目,我不确定它是否适用于所有场景。 每次触摸ASP.NET控件时ASP.NET都会更新ViewState,因此我不会使用太多的jQuery来操作选择值

如果你还想要这个,那么$(selector).attr("checked",true);

这对我有用:

 $($("input[name='GroupName']").get(index)).prop('checked', true); 

说明:

$("input[name='GroupName']")返回$("input[name='GroupName']")的项目列表

.get(index)返回列表中的第i个项目。 对于无线电组,这将​​是您想要的输入标签。

输入标记是HTML元素,而不是jQuery项,因此您重新包装它。 然后你可以调用prop方法。

 $(html).prop('checked',true) 

未选中将提供“未定义”,否则将返回所选对象的值。

 $('input[name=ctl00$cphTop$rdlCategory]:checked').val()