为复选框列表项列表设置焦点答案

【问题标题】：setfocus for checkboxlist itemlist为复选框列表项列表设置焦点
【发布时间】：2015-09-02 14:04:11
【问题描述】：

我有一个asp.net webform，在一个页面上我使用了一个checkboxlist，它有7 个listitems。

我想让第一个 listitem 将焦点设置在它上面。

我所有其他页面的设置如下，但这不适用于listitem，因为您无法定义id。

<script runat="server">
     void Page_Init(object sender, EventArgs e)
     {
          SetFocus(Step02AllServices);
     }
</script>

我更喜欢在 JQuery/JavaScript 中执行此操作，但我愿意接受所有解决方案。

【问题讨论】：

【解决方案1】：

您的checkboxlist listitems 被渲染为一系列input 和type="checkbox"。
如果您检查在浏览器中呈现的 html，您会发现这些输入的 id 和名称非常相似。
所以你必须制作一个匹配所有这些复选框的 jquery 选择器，并专注于第一个，例如：

<script>
    $(function() {
        $('input[name*="Step02AllServices$"]')[0].focus();
    });
</script>

【讨论】：