文档章节

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

不打伞的小鱼
 不打伞的小鱼
发布于 2015/03/26 15:31
字数 458
阅读 64
收藏 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();


         

© 著作权归作者所有

共有 人打赏支持
不打伞的小鱼
粉丝 70
博文 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刘源源
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

没有更多内容

加载失败,请刷新页面

加载更多

中国龙-扬科
25分钟前
2
0
使用vuex的state状态对象的5种方式

vuex是一个专门为vue.js设计的状态管理模式,并且也可以使用devtools进行调试。 下面给大家来贴一下我的vuex的结构 下面是store文件夹下的state.js和index.js内容 //state.jsconst state =...

peakedness丶
29分钟前
2
0
NetCore MVC Demo

地址:http://114.116.9.72:5411

whltian
36分钟前
1
0
Netty handle方法周期 (四)

写了一个练习之后,发现自定义的助手类每次肯定是必须的,对于不同的业务逻辑需求,会写相对应的逻辑 最简单的查看Handle生命周期的方式,就是重写上级方法,看名字差不多应该可以知道方法的作用 ...

_大侠__
41分钟前
9
0
vue主动刷新页面及列表数据删除后的刷新实例

1.场景 在处理列表时,常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。 2.遇到的问题 1. 用vue-router重新路由到当前页面,页面是不进行刷新的 2.采用window.reload(),或者...

前端小攻略
52分钟前
14
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部