`
wjboy49
  • 浏览: 284639 次
  • 性别: Icon_minigender_1
  • 来自: 湖南岳阳
社区版块
存档分类
最新评论

jQuery框架获取及设置单选框、多选框、文本框内容

阅读更多
获取一组radio被选中项的值
var item = $("input[name='items']:checked").val();
获取select被选中项的文本
var item =$('#select_id option:selected').text()
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$("input[name='items']").get(1).checked = true;

获取值:

文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio: $("input[type='radio']:checked").val();
下拉框select: $('#sel').val();

控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容

多选框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio: $("input[type='radio']").attr("checked",'2');//设置value=2的项目为当前选中项 (错)
$("input[@name=radio_s][@value=16]").attr("checked",true);(测试通过)

下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("11112222").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

$("#select1")[0].options(index).selected = true; //使第index个option选中
   $("#select1")[0].options(3).text //取索引为3的option值

分享到:
评论

相关推荐

    文本框 单选框 复选框 下拉框

    在IT界,尤其是在网页设计和开发领域,"文本框、单选框、复选框和下拉框"是构建用户界面(UI)时不可或缺的基本元素。这些组件是用户与应用程序或网站交互的主要方式,用于输入数据、做出选择或执行特定操作。让我们...

    Jquery获取Select标签的值

    除了获取 Select 标签的值之外,还可以通过 jQuery 来控制其他表单元素的行为,包括文本框、复选框、单选按钮等。 ##### 1. 文本框与文本区域 - **清空内容**:`$("#txt").val("");` - **填充内容**:`$("#txt")....

    jQuery Liger UI框架

    7. **表单(Form)**:Liger UI的表单组件提供了强大的表单验证和数据绑定功能,支持各种表单元素如文本框、复选框、单选按钮等,同时可以实现动态增删表单行和自动填充等功能。 这些组件在实际开发中大大提高了...

    240多个jQuery UI插件

    - **Auto-populate multiple select boxes**: 自动填充多选框中的选项。 - **替换选取框插件**: - **Choose Plugin (Select Replacement)**: 替换原生的`<select>`元素为更美观的自定义控件。 #### 表单基本、...

    前台框架常用组件

    - **多选框**:提供多选功能,用户可以选取多个选项。 - **文本域**:供用户输入大量文本,如评论、备注等。 - **单选按钮**:在一组选项中只能选择一个。 - **下拉框(单选)**:展示一系列可选项,用户点击...

    240多个jQuery插件.doc

    - **Auto-populate multiple select boxes**: 自动填充多选框。 #### 4. 表单基本、输入框、选择框等 - **jQuery Form Plugin**: 完整的表单处理插件。 - **jLook Nice Forms**: 提升表单外观的插件。 - **jNice**:...

    jquery-easyui

    jQuery EasyUI 提供了一系列表单元素,如文本框、密码框、复选框、单选框等,并支持表单验证,确保用户输入的数据符合预设规则。 ### 4. 动态效果与交互 框架内建了多种动画效果,如淡入淡出、滑动等,可以增强...

    jquery-easyui-1.4.2.zip

    2. **表单(Form)**:提供了各种表单元素,如文本框、复选框、单选按钮等,方便用户输入数据。EasyUI的表单支持验证,可以确保用户输入的数据符合预设规则。 3. **对话框(Dialog)**:用于弹出式窗口,通常用于...

    jquery-easyui-1.3.3

    EasyUI 提供了各种表单元素,如文本框(Textbox)、复选框(Checkbox)、单选按钮(RadioButton)等,并支持验证用户输入。 7. **数据绑定和远程数据源**:EasyUI 可以与后端服务无缝集成,通过Ajax请求获取和提交...

    jquery-easyui-1.4.5 demo带索引及中文api

    3. **表单(Form)**:包含各种输入控件,如文本框、下拉框、复选框、单选按钮等,支持表单验证和数据提交。 4. **对话框(Dialog)**:提供弹出窗口功能,可嵌入任意内容,常用于提示信息、设置对话或展示详情。 ...

    jquery1.5 参考文档

    - `:input`:选取所有输入、文本框、复选框、单选按钮、按钮、下拉列表和图像按钮。 - `:text`:选取所有的文本框。 - `:password`:选取所有的密码输入框。 - `:radio`:选取所有的单选按钮。 - `:checkbox`:选取...

    jQuery EasyUI 1.4.2 版 API 中文版

    5. **Form**: 表单组件用于收集用户输入,支持各种表单元素,如文本框、复选框、单选按钮等。API会介绍如何验证表单数据、提交表单以及联动其他组件。 三、布局与主题 1. **Layout**: 布局组件允许你将页面划分为...

    jquery mobile 1.3中文API

    表单在移动Web应用中是必须的,jQuery Mobile提供了多种表单控件,包括文本框、复选框、单选按钮等,这些控件都被优化用于触摸屏操作。 ##### 6.9 列表应用 列表是另一种常用组件,可以用来展示数据项,支持列表...

    jquery_easyui_详细说明文档

    3. 表单(Form):用于收集用户输入,支持各种表单元素如文本框、下拉框、复选框等,并能进行验证和提交。 4. 树形控件(Tree):呈现层次结构的数据,可以展开、折叠节点,支持异步加载。 5. 菜单(Menu):创建...

    课题-jQuery-LigerUI-使用教程入门篇.doc

    4. **表单组件**:Form(表单)、TextBox(文本框)、Button(按钮)、CheckBox(复选框)、ComboBox(组合框)、DateEditor(日期编辑器)、Radio(单选按钮)、Spinner(增量输入框)等,用于数据输入和展示。...

    easyUI框架页面实例

    6. **表单(Form)**:包括各种输入控件,如文本框(TextBox)、下拉框(ComboBox)、复选框(CheckBox)、单选按钮(RadioButton)等,支持验证和数据提交。 7. **按钮(Button)**:包括普通按钮、链接按钮、图标...

    jquery-easyui-1.2.3

    - **Form(表单)**:处理表单元素,如文本框、复选框、单选按钮等,支持验证和提交操作。 - **Tree(树形视图)**:用于展示层级关系的数据,支持展开/折叠、拖放操作。 - **Tabs(标签页)**:将内容分隔到不同...

    jquery easyUI 全方面例子与文档

    - **表单(Form)**:EasyUI 提供了丰富的表单控件和验证机制,如文本框、日期选择器、复选框等,并支持自动验证。 3. **主题和样式** EasyUI 内置了多种预设主题,允许开发者通过简单的 CSS 调整改变界面风格。...

    jquery easyUI

    - **按钮(Button)**: 提供不同类型的按钮,如普通按钮、复选按钮、单选按钮,支持事件监听。 - **表单(Form)**: 支持各种输入控件,如文本框、下拉框、日期选择器,自动校验表单数据。 3. **布局与布局组件**...

    jQuery_easyUI学习

    EasyUI提供了各种表单控件,如文本框、复选框、单选按钮等,还支持验证用户输入。通过这个工程,你可以学习如何创建表单,设置必填项,以及如何在提交表单时进行数据验证。 6. **布局(Layout)**:用于组织页面内容...

Global site tag (gtag.js) - Google Analytics