热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jQuery教程分享如何使用jquery获取所选Asp.netcheckBoxList项的索引及其文本值

如何使用jQuery获取所选ASP.NETCheckBoxList项的索引及其文本值我使用了列出的代码,但它不适用于我。前两行将返回带有“undefined”字符串的消息varin

如何使用jQuery获取所选ASP.NET CheckBoxList项的索引及其文本值

我使用了列出的代码,但它不适用于我。

前两行将返回带有“undefined”字符串的消息

var index = $('#').attr("selectedIndex"); alert(index); 

第二行将返回空消息。

 var text = $('#').val(); alert(text); 

     var indices = ''; $('#<%=chkListGroups.ClientID %> input:checkbox').each(function (index) { if ($(this).filter('input:checkbox:checked').length == 1) { indices += (index + ' '); } }); alert(indices); 

    应该打印指数。

    如果通过“文本值”表示从ASP.NET中的ListItem元素的Value属性返回的内容,则它不会自动直接包含在网页中。 解决此问题的一种方法是在页面的.NET代码中创建Value属性的Javascript数组,然后使用类似于上面的内容来查找数组中的值。 如果数组被称为“valueArray”,那么您可以替换上面“if”正文中的代码

     indices += (valueArray[index] + ' '); 

    我希望这会有所帮助 – 我当然欢迎任何问题。

    编辑(以下提交者评论):

    如果你想要每个被检查项目的可见标签,这应该工作:

     var text = $('#<%=chkListGroups.ClientID %> input:checkbox:checked').siblings('label').text(); alert(text); 

    编辑 :错误阅读原始问题 – 相应地更新此答案。

    ASP.NET将checkBoxList控件呈现为一系列复选框(您可以使用firebug轻松查看呈现的控件)。 我相信它会根据您指定的ID分配每个复选框的ID。 例如:

      One Two Three  

    以HTML格式呈现为:

     

    您可以通过以下方式确定是否选中了框:

     $('#list1_0').attr('checked') 

    你也可以通过以下方式找到它们:

     $('#list1 input') 

    …然后使用jQuery迭代扫描所有复选框。 我怀疑jQuery也可用于在目标复选框控件之后找到下一个“标签”控件,并从中提取实际文本。 stackoverflow的一个更大的jQuery大脑将不得不帮助使用精确的选择器语法 – 我对jQuery相对较新,并且不知道它在我的头脑中。

    原始响应(适用于简单选择列表)

    这应该得到选定的索引:

     $("#SomeListID").attr("selectedIndex") 

    这应该得到选定的值:

     $("#SomeListID").val() 

      以上就是jQuery教程分享如何使用jquery获取所选Asp.net checkBoxList项的索引及其文本值相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注(编程笔记)。


      推荐阅读
      • 交互式左右滑动导航菜单设计
        本文介绍了一种使用HTML和JavaScript实现的左右可点击滑动导航菜单的方法,适用于需要展示多个链接或项目的网页布局。 ... [详细]
      • 本文将介绍网易NEC CSS框架的规范及其在实际项目中的应用。通过详细解析其分类和命名规则,探讨如何编写高效、可维护的CSS代码,并分享一些实用的学习心得。 ... [详细]
      • 基于JQuery实现的评分插件
        本文介绍了一个使用JQuery创建的交互式评分控件。当用户将鼠标悬停在星星上时,左侧的星星会变为实心,右侧保持空心,并显示对应的评分等级;移开鼠标后,所有星星恢复为空心状态。 ... [详细]
      • 深入理解Vue.js:从入门到精通
        本文详细介绍了Vue.js的基础知识、安装方法、核心概念及实战案例,帮助开发者全面掌握这一流行的前端框架。 ... [详细]
      • 本文详细介绍了如何在Kendo UI for jQuery的数据管理组件中,将行标题字段呈现为锚点(即可点击链接),帮助开发人员更高效地实现这一功能。通过具体的代码示例和解释,即使是新手也能轻松掌握。 ... [详细]
      • 使用JS、HTML5和C3创建自定义弹出窗口
        本文介绍如何结合JavaScript、HTML5和C3.js来实现一个功能丰富的自定义弹出窗口。通过具体的代码示例,详细讲解了实现过程中的关键步骤和技术要点。 ... [详细]
      • 本文详细介绍了如何使用 HTML 和 CSS 对文件上传按钮进行样式美化,使用户界面更加友好和美观。 ... [详细]
      • 一个登陆界面
        预览截图html部分123456789101112用户登入1314邮箱名称邮箱为空15密码密码为空16登 ... [详细]
      • JavaScript实现表格数据的实时筛选功能
        本文介绍如何使用JavaScript实现对表格数据的实时筛选,帮助开发者提高用户体验。通过简单的代码示例,展示如何根据用户输入的关键字动态过滤表格内容。 ... [详细]
      • FineUI 是一款基于 jQuery 的专业级控件库,专为 ASP.NET WebForms 和 MVC 开发设计。它提供了丰富的用户界面组件,简化了复杂 Web 应用程序的开发过程。 ... [详细]
      • 本文详细探讨了 Django 的 ORM(对象关系映射)机制,重点介绍了其如何通过 Python 元类技术实现数据库表与 Python 类的映射。此外,文章还分析了 Django 中各种字段类型的继承结构及其与数据库数据类型的对应关系。 ... [详细]
      • 本文介绍如何通过 JavaScript 实现一个基于鼠标坐标的 Tooltip 弹出层,详细解释了如何获取窗口和文档的尺寸及滚动位置,并优化了代码结构。 ... [详细]
      • 反向投影技术主要用于在大型输入图像中定位特定的小型模板图像。通过直方图对比,它能够识别出最匹配的区域或点,从而确定模板图像在输入图像中的位置。 ... [详细]
      • 在项目部署后,Node.js 进程可能会遇到不可预见的错误并崩溃。为了及时通知开发人员进行问题排查,我们可以利用 nodemailer 插件来发送邮件提醒。本文将详细介绍如何配置和使用 nodemailer 实现这一功能。 ... [详细]
      • 探讨了在有序数列中实现多种查询和修改操作的高效数据结构设计,主要使用线段树与平衡树(Treap)结合的方法。 ... [详细]
      author-avatar
      雨天是最美
      这个家伙很懒,什么也没留下!
      PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
      Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有