如何用jquery获得input type=text标签中value的值

如何用jquery获得input type=text标签中value的值,第1张

<input id='myinputid' class='myinputclass' type='text' value='123'/>    

12    var value = $('#myinputid')val();var value = $('myinputclass')val();

上面两种方法随你选择,第一个是通过id(绝对唯一),第二个是通过类(不一定唯一,因为一个页面class可以重复出现,只有一个的情况下,这种方法可以用),总是,jquery需要一个充当筛选器的参数筛选你需要的dom,上面的用法和 input 什么的没有关系,是通用的取法,

要选择页面的input type=text的话用:

var objects = $('input[type="text"]')

这个返回的是一个数组,包含页面的所有的输入文本框,并不能取到某一个值

可以给要获取值的目标设置id,class,或者直接使用标签名,楼下的方法

documentgetElementById("id")value

或者documentgetElementByClass("class")value

或者documentgetElementByTabName("TabName")value

其中标签的获取,根据需要可能会用到选择器相关的知识。

代码如下:

var btn = jQuery('btn')val();

获取的只是第一个类标签为btn的html元素的value值。

要获得一组类标签的所有html元素的值。就得使用jQuery的each遍历

代码如下:

var btns = new Array(); //或者写成:var btns= [];

jQuery('btn')each(function(key,value){

btns[key] = $(this)val();

//或者也可以这么写:

// btns[key] = $(value)val();

});

1、新建一个html文件,命名为testhtml。

2、在testhtml文件内,分别在p标签内,使用input标签创建文本输入框,用于内容的输入。

3、在testhtml文件内,给每个input元素设置class属性,统一设置为myput,主要用于下面一次性获得所有的input对象。

4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“获取多个value值”,给button按钮绑定onclick点击事件,当按钮被点击时,执行getinput()函数

5、在js标签中,创建getinput()函数,在函数内,定义一个空的arr数组,用于保存多个value值。同时,通过类名获得input对象,使用each()方法遍历所有的input对象,每次遍历,执行function()方法。

6、在function()方法内,使用val()方法获得input的value值,并使用push()方法将value值存进arr数组中,最后,使用alert()方法将数组输出来。

楼上正解,$("#id")val()

JavaScript 中,是

元素value,这个value是元素的属性

jQuery中要用val(),因为要调用val()方法

直接用select标签的id值获取就可以了

比如select标签的 id = 'oSel'

jQuery 获取:

var value = $("#oSel")val();

var obj = {"id": 1, "name":"张三"};

for(var key in obj)

{

alert("Key是:" + key);

alert("对应的值是:" + obj[key]);

}

Js遍历json对象所有key及根据动态key获取值:

Js代码

<script type="text/javascript">

getJson('age');

function getJson(key){

var jsonObj={"name":"傅红雪","age":"24","profession":"刺客"};

//1、使用eval方法    

var eValue=eval('jsonObj'+key);

alert(eValue);

//2、遍历Json串获取其属性

for(var item in jsonObj){

if(item==key){  //item 表示Json串中的属性,如'name'

var jValue=jsonObj[item];//key所对应的value

alert(jValue);

}

}

//3、直接获取

alert(jsonObj[''+key+'']);

}

</script>

通过上边三种方法就可以取到json中key对应的值。

以上就是关于如何用jquery获得input type=text标签中value的值全部的内容,包括:如何用jquery获得input type=text标签中value的值、javascript 怎么获取选中的value值、jquery怎么获取元素的value值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9284445.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存