文档章节

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

不打伞的小鱼
 不打伞的小鱼
发布于 2015/03/26 15:31
字数 458
阅读 46
收藏 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操作radio、checkbox、select示例

<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> function show() { //jquery获取单选框的值 alert($('input[type="radio"][nam......

娲城小将
2014/07/29
0
0
js (jQuery) 之 取值

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

architect刘源源
05/07
0
0
jquery form元素操作

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("o......

remainvitality
2013/10/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

你为什么在Redis里读到了本应过期的数据

一个事故的故事 晚上睡的正香突然被电话吵醒,对面是开发焦急的声音:我们的程序在访问redis的时候读到了本应过期的key导致整个业务逻辑出了问题,需要马上解决。 看到这里你可能会想:这是不...

IT--小哥
今天
2
0
祝大家节日快乐,阖家幸福! centos GnuTLS 漏洞

yum update -y gnutls 修复了GnuTLS 漏洞。更新到最新 gnutls.x86_64 0:2.12.23-22.el6 版本

yizhichao
昨天
5
0
Scrapy 1.5.0之选择器

构造选择器 Scrapy选择器是通过文本(Text)或 TextResponse 对象构造的 Selector 类的实例。 它根据输入类型自动选择最佳的解析规则(XML vs HTML): >>> from scrapy.selector import Sele...

Eappo_Geng
昨天
4
0
Windows下Git多账号配置,同一电脑多个ssh-key的管理

Windows下Git多账号配置,同一电脑多个ssh-key的管理   这一篇文章是对上一篇文章《Git-TortoiseGit完整配置流程》的拓展,所以需要对上一篇文章有所了解,当然直接往下看也可以,其中也有...

morpheusWB
昨天
5
0
中秋快乐!!!

HiBlock
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部