<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值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)