• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结

JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了DropdownList,RadioButtonList,CheckboxList等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
一: DropDownList
-------------------------------------------------------------------------------------------
在使用 JQuery 进行遍历操作时,
$("input").each(function(i) {
......
}
当操作对象的类型为 dropdownlist时:(备注:在firefox下DropDownList的类型为"select-one")
获得所选中的值: $(this).val(); (如果不是遍历操作时,$(this) 就替换成 $('#控件的Id') )
获取选中的文本: $(this).find("option:selected").text(); 或者 $("#控件的name option:selected").text();
获取选中的索引: $(this).get(0).selectedIndex;
二:RadioButtonList
-------------------------------------------------------------------------------------------
如果页面只有一个RadioButtonList时,可以直接用 $("input[type='radio']:checked").val() 来获得 所选中的值
如果页面有2个或多个RadioButtonList时:
第一步: 取到RadioButtonList控件的Id,设置 var objId=控件Id;
第二步:取到控件的Name, 设置 var radioName = $("input[id^='" + objId + "']").eq(0).attr('name');
第三步:取值
  获得所选中的值: $("input[name='" + radioName + "']:checked").val());
  获得所选中的文本: $("input[name='" + radioName + "']:checked+label").text());

三:CheckBoxList
-------------------------------------------------------------------------------------------
判断是否有选中的一个方法,objId为 CheckBoxList的 Id
目前暂时无法用js直接获得服务器控件CheckBoxList的value值,只能通过一些小技巧来实现,例如添加额外的属性
代码中 selectedText 是获得 所选中的文本值,selectedValue 是获得 所选中的值
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • DropDownList实现可输入可选择(两种版本可选)
  • JQuery组件基于Bootstrap的DropDownList(完整版)
  • Jquery操作下拉框(DropDownList)实现取值赋值
  • GridView中获取被点击行中的DropDownList和TextBox中的值
  • Jquery加载时从后台读取数据绑定到dropdownList实例
  • ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
  • ASP.NET jQuery 实例8 (动态添加内容到DropDownList)
  • ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值
  • Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
  • JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结

相关文章

  • 2017-08-16jquery插件jbox使用iframe关闭问题
  • 2017-08-16jQuery ajax dataType值为text json探索分享
  • 2017-08-16jQuery选择器源码解读(五):tokenize的解析过程
  • 2017-08-16jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
  • 2017-08-16jQuery的Ajax的自动完成功能控件简要说明
  • 2017-08-16jqPaginator结合express实现分页展示内容效果第1/2页
  • 2017-08-16基于jQuery的获得各种控件Value的方法
  • 2017-08-16jQuery弹出遮罩层效果完整示例
  • 2017-08-16jquery与js实现全选功能的区别
  • 2017-08-16jquery实现两个图片渐变切换效果的方法

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • js获取通过ajax返回的map型的JSONArray的方法
    • 学习jquery之一
    • 利用jQuery及AJAX技术定时更新GridView的某一列数据
    • jquery实现通用版鼠标经过淡入淡出效果
    • JQuery.dataTables表格插件添加跳转到指定页
    • jQuery实现的多滑动门,多选项卡效果代码
    • JQuery日历插件My97DatePicker日期范围限制
    • AspNet中使用JQuery boxy插件的确认框
    • 关于jquery css的使用介绍
    • jQuery validate 验证radio实例

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有