首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用jquery从checkboxlist控件中获取复选框的选中索引?

如何使用jquery从checkboxlist控件中获取复选框的选中索引?
EN

Stack Overflow用户
提问于 2010-05-22 01:01:33
回答 3查看 14.3K关注 0票数 2

您好,如何使用jquery从checkboxlist控件中获取复选框的selectedindex?

更新:

此代码为我提供的选定索引等于0,请修改

代码语言:javascript
运行
复制
<asp:CheckBoxList ID="chkListGroups" runat="server" 
                    style="position:absolute; top: 1115px; left: 745px; bottom: 371px;" 
                    DataSourceID="SqlDSGroups" DataValueField="Groups" 
                    onclick="test()">
                </asp:CheckBoxList>


....................
java script function
.....................
  function test(){
  $('#<%=chkListGroups.ClientID %>').click(function() {
                var selectedIndex = $('#<%=chkListGroups.ClientID %>').index($(this));


                alert(selectedIndex);


            });
        }
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2010-05-22 01:06:35

使用集合的选择器,然后对您感兴趣的元素使用index,这里是选中的元素。

代码语言:javascript
运行
复制
var checkboxes = $('input:checkbox');
var selectedIndex = checkboxes.index(checkboxes.find(':checked'));

要获取所单击复选框的索引,请使用:

代码语言:javascript
运行
复制
$('input:checkbox').click( function() {
    var selectedIndex = $('input:checkbox').index( $(this) );
    ... now do something with it...
});

编辑:基于您的代码示例:

代码语言:javascript
运行
复制
var checkboxes = $('#<%=chkListGroups.ClientID %>').find('input:checkbox');
checkboxes.click(function() { 
    var selectedIndex = checkboxes.index($(this)); 
    alert(selectedIndex); 

});  
票数 6
EN

Stack Overflow用户

发布于 2010-05-22 01:04:44

如果需要上一次选中复选框的索引,则如下所示

代码语言:javascript
运行
复制
var query = (from o in CheckBoxList1.Items.OfType<ListItem>()  
                     where o.Selected  
                     select o).Take(1).Reverse().ToList();   
票数 0
EN

Stack Overflow用户

发布于 2010-05-22 01:14:15

代码语言:javascript
运行
复制
get value: $("input:checked").val();
get id: $("input:checked").attr('id');

//or this:
var counter=0;
$('input:checkbox').each(function(){
   if($(this).is(":checked"))
   {
     var Index = counter;
   }
   else{
     counter++;
   }

   //So Index is what you want.
});

我还没有测试过它,但它类似于下面的代码。我希望它能帮助你

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2884014

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档