`
agevs
  • 浏览: 70580 次
  • 来自: 北京
博客专栏
924aba1e-229a-352e-b6d4-f15f3159a438
各种Web前端技巧经验分享...
浏览量:0
文章分类
社区版块
存档分类
最新评论

利用jQuery来简化radio,checkbox,select,radio表单元素的操作

阅读更多

获取一组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();//清空下拉框

分享到:
评论

相关推荐

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

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

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

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

    LazyForm radio,checkbox,select样式自定义

    总结来说,"LazyForm radio,checkbox,select样式自定义"是前端开发中一个实用的工具,它结合了jQuery的强大功能,使得表单元素的样式不再受限于浏览器的默认样式,而是可以根据设计师的意图进行自由定制,为用户...

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

    通过以上内容,我们可以了解到如何使用 jQuery 来操作 HTML 中的 `&lt;select&gt;`、`&lt;input type="radio"&gt;` 和 `&lt;input type="checkbox"&gt;` 元素。这些方法可以帮助开发者更轻松地处理表单数据,提高用户的交互体验。

    jquery操作表单案例

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

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

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

    jquery获取表单元素的方法

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

    jquery获取input表单值的代码

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

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

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

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

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

    JQuery操作select

    在网页开发中,jQuery 是一个非常流行的 JavaScript 库,它提供了简洁、强大的API来操作DOM元素,包括对select这样的下拉列表的操作。...在实际开发中,熟练掌握jQuery对于操作select和其他表单元素至关重要。

    jQuery form表单美化实例代码

    在网页设计中,表单是收集用户数据的重要手段,但默认的HTML表单样式往往较为简单,不满足现代网页设计的美观...通过学习和实践这个实例,开发者可以掌握如何利用jQuery和CSS来定制化表单元素,提升网站的整体质感。

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

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

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

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

    jQuery获取Select选择的Text和_Value

    jQuery 也提供了方法来获取表单元素的值。 1. 获取 Radio 的值: 可以使用 `$('input[@name=items][@checked]').val()` 方法获取 Radio 的值。 2. 获取 Select 被选中项的文本: 可以使用 `$("select[@name=...

    Jquery 操作 Dom 标签 select

    特别是对于表单元素如 `select`、`radio` 和 `checkbox` 的操作,更是频繁出现。下面我们将详细介绍如何使用 jQuery 来获取和设置这些元素的状态。 #### 一、获取和设置 `select` 元素的值 `&lt;select&gt;` 标签用于...

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

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

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

    对于表单元素,比如单选框(Radio)和复选框(CheckBox),可以通过属性选择器进行精确选择。 #### 3. 获取Radio的Value值 在表单中,单选框通常具有相同的名称,但不同的值。要获取被选中的单选框的值,可以使用...

    Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)

    在网页开发中,jQuery 是一个非常流行的 JavaScript 库,它提供了简洁、强大的API来操作DOM元素,包括处理各种表单元素如radio和checkbox。本文将详细介绍如何使用jQuery改变radio和checkbox的选中状态以及如何获取...

Global site tag (gtag.js) - Google Analytics