`
mfan
  • 浏览: 340840 次
  • 性别: Icon_minigender_1
  • 来自: 南宁
社区版块
存档分类
最新评论

jQuery对表单的操作——radio、checkbox、select

阅读更多
获取一组radio被选中项的值
var item = $(‘input[@name=items][@checked]‘).val();

获取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的项目为当前选中项

下拉框select:   $(“#sel”).attr(“value”,'-sel3'); //设置value=-sel3的项目为当前选中项
$(“<option value='1'>1111</option><option value='2'>2222</option>”).appendTo(“#sel”); //添加下拉框的option
$(“#sel”).empty();//清空下拉框
$(‘input[name="title"]‘) 获取name="title"的元素。
分享到:
评论

相关推荐

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

    在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...

    jquery 获得select、radio、checkbox选择的text和value值

    ### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`&lt;select&gt;` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...

    jquery实现表单美化特效包括checkbox和radio美化特效插件

    一款非常强大的表单美化插件,点击颜色替换相应的checkbox和radio样式 多个选项来自定义checkbox和radio 8个回调函数支持 6个方法来编程控制 效果详情可参考http://www.xwcms.net/js/bddm/19041.html

    Jquery操作radio,checkbox,select表单操作实现代码

    本篇文章将详细讲解如何使用jQuery来操作radio、checkbox和select这三个常见的表单元素。 一、Radio(单选按钮)操作 jQuery操作单选按钮(radio)主要涉及选取状态的读取与设置。例如,如果有一组同名的radio按钮...

    LazyForm radio,checkbox,select样式自定义

    "LazyForm radio,checkbox,select样式自定义"是一个针对这一需求的解决方案,它基于jQuery库,帮助开发者轻松实现表单组件的个性化设计。 首先,我们来了解一下jQuery。jQuery是一款广泛使用的JavaScript库,它...

    jquery操作表单案例

    本文将深入探讨“jquery操作表单案例”中的关键知识点,包括输入元素(input)、文本区域(textarea)、单选按钮(radio)、复选框(checkbox)以及选择列表(select)的操作,特别是如何根据选择列表的文本值(text)来选定选项...

    jquery获取表单值

    在Web开发中,jQuery作为一个非常流行的JavaScript库,简化了许多复杂的DOM操作,特别是对于表单数据的获取与处理方面提供了极大的便利。本文将详细讲解如何使用jQuery来获取不同类型的表单控件(如文本框、文本域、...

    Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...

    jQuery常见的表单操作

    以下是一些常见的jQuery表单操作,包括处理复选框(Checkbox)、文本输入(Text)、单选按钮(Radio)以及下拉列表(Select): 1. **复选框(Checkbox)**: - `$("input[name='checkbox_name'][checked]")` 用于...

    jQuery Mobile 表单自动填充

    jQuery Mobile 表单自动填充 支持input textare radio checkbox select 等标签

    jQuery设置和获取select、checkbox、radio的选中值方法

    jQuery作为一个功能强大的JavaScript库,其对这些表单元素的操作进行了极大的简化,提高了开发效率和用户体验。本文将详细介绍如何使用jQuery设置和获取这些表单控件的选中值。 首先,我们来看下如何设置单选下拉框...

    selectTree tree控件 日历控件 tree控件 radio CheckBox demo

    "selectTree tree控件 日历控件 tree控件 radio CheckBox demo"这个标题揭示了几个关键的组件,它们是网页交互中的重要元素。下面将详细介绍这些控件及其应用场景。 1. **selectTree(选择树控件)**: 选择树控件...

    jQuery根据ID获取input、checkbox、radio、select的示例

    标题和描述中提到的知识点主要涉及使用jQuery根据ID获取不同类型的HTML表单元素,包括input、checkbox、radio和select。这些表单元素是Web页面中常见的用于用户交互的元素,它们可以用来收集用户的数据。获取这些...

    jquery获取input表单值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    radio、checkbox、select等选择标签的总结

    在网页设计和开发中,`radio`、`checkbox` 和 `select` 是三种常见的表单元素,用于收集用户输入的数据。这些元素都是HTML语言的一部分,是构建交互式Web页面的关键工具。下面是对这三个标签的详细解释和总结: 1. ...

    jQuery form表单美化实例代码

    jQuery作为一个强大的JavaScript库,提供了丰富的API和插件,可以方便地对表单元素进行美化和交互增强。本实例主要关注使用jQuery来美化form表单,包括input输入框、select下拉框、复选框和单选框等常见的表单元素。...

    jquery获取表单元素的方法

    本文将详细解析如何使用jQuery获取表单元素的各种值,包括文本框(TEXT)、文本区域(AREA TEXT)、复选框(CHECKBOX)、单选按钮(RADIO)、下拉列表(SELECT)以及表格(TABLE)中的数据。 ### 文本框(TEXT) ...

    jquery text,radio,checkbox,select操作实现代码

    本文将深入探讨如何使用 jQuery 对文本框、复选框、单选按钮和下拉框等表单元素进行操作。 1. **文本框(text)和文本区域(textarea)操作**: - `$(“#txt”).attr(“value”)` 或 `$(“#txt”).val()` 可用于获取...

    JQuery操作select

    在网页开发中,jQuery 是一个非常流行的 JavaScript 库,它提供了简洁、强大的API来操作DOM元素,包括对select这样的下拉列表的操作。本篇文章将详细讲解如何使用jQuery来操作select。 首先,`changeShipMethod`...

Global site tag (gtag.js) - Google Analytics