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

Question

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

<asp:RadioButtonList runat="server" ID="rdlCategory" CssClass="clsradio" AppendDataBoundItems="true" RepeatDirection="Horizontal" RepeatLayout="Flow" >
</asp:RadioButtonList>

并使用 C# 动态绑定(bind)它..和 Html 看起来像

<span class="clsradio" id="ctl00_cphTop_rdlCategory"><input type="radio" value="8" name="ctl00$cphTop$rdlCategory" id="ctl00_cphTop_rdlCategory_0"> 
    <label for="ctl00_cphTop_rdlCategory_0">category1</label>
    <input type="radio" value="11" name="ctl00$cphTop$rdlCategory" id="ctl00_cphTop_rdlCategory_1">
    <label for="ctl00_cphTop_rdlCategory_1">category2</label>
    <input type="radio" value="22" name="ctl00$cphTop$rdlCategory" id="ctl00_cphTop_rdlCategory_2">
    <label for="ctl00_cphTop_rdlCategory_2">category3</label>
    <input type="radio" value="33" name="ctl00$cphTop$rdlCategory" id="ctl00_cphTop_rdlCategory_3">
    <label for="ctl00_cphTop_rdlCategory_3">category4</label>
    <input type="radio" value="34" name="ctl00$cphTop$rdlCategory" id="ctl00_cphTop_rdlCategory_4">
    <label for="ctl00_cphTop_rdlCategory_4">category5</label>
    </span>

我想通过索引值将属性 checked=true 添加到单选按钮。
假设，我传递了 index=2 那么应该选择 Category2 ..
或者还想在 jquery 中使用 selected (checked=true) 单选按钮索引..

我该怎么做？

Answer 1

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

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

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

这将使您的范围内的所有输入框都被选中(如果 .clsradio 中只有一个组，那么您使用的 radio 应该只有一个)。

这是一个 example on jsfiddle

---

编辑:

一个更完整的证明示例(但速度较慢)是:

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

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

---

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

您可以使用:

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

使用“输入”选择器的第 n 个 child 可以用作索引。