`
javahacker2
  • 浏览: 43529 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

阅读更多
jQuery获取及设置单选框、多选框、文本框
获取一组radio被选中项的值  findKind 为单选框的值
var item = $("input[name='findKind']:checked").val();
var item = $("input[name='findKind']").val();
隐藏单选框
$("input[name='findKind']").hide();
获取select被选中项的文本
var item = $("select[@name=items] 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对单选框,多选框,文本框等常见操作小结

    本文主要探讨了如何使用jQuery来操作常见的表单元素,如单选框、多选框和文本框,帮助开发者更高效地实现功能。 首先,我们来看一下jQuery如何处理单选框(Radio Buttons)和多选框(Checkboxes)。对于单选框,...

    jquery获取表单值

    多选框(`<input type="checkbox">`)的操作 - 设置为未选中状态: ```javascript $("#chk_id").prop("checked", false); ``` - 设置为选中状态: ```javascript $("#chk_id").prop("checked", true); ``...

    jquery操作下拉列表、文本框、复选框、单选框集合(收藏)

    在上述描述中,已经展示了如何使用jQuery来操作下拉列表、文本框、复选框和单选框的值,包括获取、添加、删除和遍历等操作。这些操作对于制作动态网页表单、提升用户体验以及处理表单数据非常有用。而在实际应用中,...

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    jQuery获取Select选择的Text和_Value

    可以使用 `$("#checkbox_id").attr("value")` 方法获取多选框 Checkbox 的值。 7. 获取单选组 Radio 的值: 可以使用 `$("input[@type=radio][@checked]").val()` 方法获取单选组 Radio 的值。 8. 获取下拉框 ...

    jQuery获取及设置表单input各种类型值的方法小结

    对于多选框checkbox,使用 $("#checkbox_id").attr("value"); 获取被选中的值,而单选组radio的值则可以通过 $("input[@type=radio][@checked]").val(); 来获取。对于select类型,则使用 $('#sel').val(); 获取选中...

    js和jquery分别验证单选框、复选框、下拉框

    本文分别介绍了js和jQuery验证单选框(radio)、多选框(checkbox)、下拉框(select),分享给大家供大家参考,具体内容如下 (1).首先说单选框(radio),radio和checkbox一样都是name相同值有多个在获取 radio 值的时候...

    jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证

    在本文中,我们将深入探讨如何使用 jQuery 实现按钮点击时的全选/反选、单选框/复选框操作,以及文本框验证。 首先,我们来关注按钮的点击事件。在 jQuery 中,可以使用 `$(document).ready` 函数确保文档加载完成...

    Jquery获取Select标签的值

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

    jquery获取各种radio,checkbox,select的值等

    - 多选框checkbox:`$("#chk1").attr("checked", '')`取消选中,`$("#chk1").attr("checked", true)`设置为选中。 - 单选组radio:`$("input[@type=radio][@checked]").val()`获取选中项的value值。 - 下拉框...

    jQuery获取和设置表单元素的方法

    本文将深入探讨jQuery如何通过`val()`方法来获取和设置表单元素的值,包括文本框(input[type="text"]、textarea)、单选按钮(input[type="radio"])和下拉列表(select)。 ### 1. `val()`方法概述 `val()`是jQuery的...

    jQuery Liger UI框架

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

    锋利的jquery第三章例子

    jQuery提供了`.prop()`方法,可以方便地获取或设置元素的属性,如`checked`属性,这样就可以轻松统计被选中的复选框数量。 "10-next.html"可能讲解的是选取元素的下一个同级元素。`.next()`方法用于获取匹配元素...

    jquery\jQueryAPI

    本文将深入探讨jQuery API如何获取和控制文本框、文本区域、单选按钮、复选框以及下拉列表的值,同时也会涉及遍历和操作下拉选项的方法。 ### 获取表单元素值 1. **文本框和文本区域**: 使用`$("#txt").attr(...

    240多个jQuery UI插件

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

    jQuery获取Radio,CheckBox选择的Value值(示例代码)

    复选框的使用场景与单选框类似,但用户可以选择多个选项。获取所有被选中的复选框的值需要遍历这些元素,并将它们的值收集到一个数组中: ```javascript $("input[name='checkbox_name'][checked]").each(function...

    Jquery学习

    6. 多选框(checkbox)的值,用`$("#checkbox_id").attr("value")`进行处理。 7. 单选组(radio)的选中值,使用`$("input[@type=radio][@checked]").val()`获取。 8. 下拉框(select)的选中值,通过`$('#sel').val...

    jQuery速查手册.

    - `$(":checked")` 选取所有已选中的复选框或单选按钮。 ### 2. DOM操作 jQuery提供了多种DOM操作方法: - `.append()` 在每个匹配元素的末尾添加内容。 - `.prepend()` 在每个匹配元素的开头添加内容。 - `.html...

Global site tag (gtag.js) - Google Analytics