文档章节

jquery获取input、select、span等的值,以及给他们赋值

不打伞的小鱼
 不打伞的小鱼
发布于 2015/03/26 15:31
字数 458
阅读 88
收藏 0

    经常要用到jquery取值、赋值的操作,本人记性不好,悟性又太差,所以还是相信古语:好记性不如烂笔头。就把这些都总结一下,以备不时之需。

       html:

                <span id="spanId" name="spanName"></span>

                <table><tr><td id="tdId"></td></tr></table>

                <input id="inputId1" name="inputName1" type="text">

                <input type="radio" name="inputName2" value="N" /> 否
                <input type="radio" name="inputName2" value="Y"  /> 是

                <select id="selectId"><option value="1" selected='selected'>湖南</option></select>

    1.文本框的值(span、td等)

      取值有很多方式,比如根据id取,或者根据name;可以取的值也有很多,比如根据id取name的值,取其中某个属性的值,下面来一一说明。

      1)根据id取span、td、input的值

            $("#spanId").html();    或者 $("#spanId").text();

            $("#tdId").html();        或者 $("#tdId").textl();

      2)根据name取span、td、input的值

            $("span [name='spanName']").html();  或者  $("span [name='spanName']").text();

            $("td[name='']).html();            或者 $("td[name='']).html();

     赋值的方式与取值有点类似:

       3)根据id给span、td、input赋值

            $("#spanId").html("hello");    或者 $("#spanId").text("hello");

            $("#tdId").html("hello");        或者 $("#tdId").textl("hello");

       4)根据name给span、id、input为text赋值

            $("span [name='spanName']").html("hello");  或者  $("span [name='spanName']").text("hello");

            $("td[name='']).html("hello");            或者 $("td[name='']).html("hello");

       5)给span、td、input等添加一些自定义的属性和取值

            例如:给上面的span、input添加一个属性:userName

                        $("#spanId").attr("userName");

                        $("#inputId1").attr("userName");

                      给userName赋值:

                        $("#spanId").attr("userName","河小鱼");

                        $("#inputId1").attr("userName","河小鱼");

                      删除userName属性:

                        $("#spanId").removeAttr("userName");

                        $("#inputId1").removeAttr("userName");


      2.获取input type为radio的选中的值

           由于是单选框,所以给两个radio相同的name,如下:

            $("input[name='inputName2']:checked").val();

      3.获取select的选中值

            $("#selectId").find("option:selected").val();  注意:这里得到的是选中的option的value值,要得到文本值,则需                要:     $("#selectId").find("option:selected").text();


         

© 著作权归作者所有

不打伞的小鱼
粉丝 71
博文 42
码字总数 24218
作品 0
深圳
程序员
私信 提问
转-JQuery选择器及radio,checkbox,select取值和反选

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元...

huntering
2015/08/25
0
0
jquery获取表单值的一些简单操作汇总

var mykindtxt=$("#kind option:selected").text();//获取表单selected 选中文本内容 jquery如何取得text,areatext,radio,checkbox,select的值,以及其他一些操作;假如我们有如下页面: <inpu......

小样
2012/02/17
0
0
【转载】前端必备:jQuery 1.7.1API手册

本文基于jQuery1.7.1版本,是对官方API的整理和总结,完整的官方API见http://api.jquery.com/browser/ 0、总述 jQuery框架提供了很多方法,但大致上可以分为3大类:获取jQuery对象的方法、在...

长平狐
2012/09/06
357
0
js (jQuery) 之 取值

都是一些老生常谈,没什么新东西,算是开发过程中不知道怎么写去百度的一些东西 。都说程序员写博客是一个好习惯,算是一份保存笔记,以后不用到处百度然后出来的一些答非所问的答案 。 1: ...

architect刘源源
2018/05/07
0
0
jquery 学习

1.常见的jquery 对象操作 jquery取radio单选按钮的值 $("input[name='items']:checked").val(); jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相......

晨曦之光
2012/03/09
63
0

没有更多内容

加载失败,请刷新页面

加载更多

Redux

Redux概念 Redux = Reducer + Flux,数据层框架,将所有数据都存储到store中 Redux的工作流程 Antd的使用 安装npm install antd --save...

星闪海洋
51分钟前
2
0
OSChina 周一乱弹 —— 你们谁看见了我的诺贝尔奖

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @脚板薯 :这么晚不睡只为找到一首歌,晚安。 ♫Say You Want Me♪ ♫Say You Want Me♪ - Augustana 手机党少年们想听歌,请使劲儿戳(这里)...

小小编辑
今天
210
14
我为什么要写微信公众号

埋一颗种子,细心呵护,静待她枝繁叶茂,葱郁参天 V2论坛上有个帖子【做程序员最重要的还是一定要有自己的作品】,作者写道: 能有一个作品和你的名字联系在一起,应当成为在职业生涯前期着意...

运维咖啡吧
今天
3
0
数据库

数据库架构 数据库架构可以分为存储文件系统和程序实例两大块,而程序实例根据不同的功能又可以分为如下小模块。 1550644570798 索引模块 常见的问题有: 为什么要使用索引 什么样的信息能成...

一只小青蛙
今天
5
0
PHP常用经典算法实现

<? //-------------------- // 基本数据结构算法 //-------------------- //二分查找(数组里查找某个元素) function bin_sch($array, $low, $high, $k){ if ( $low <= $high){ $mid = int......

半缘修道半缘君丶
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部