重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、新建一个html文件,命名为test.html。
成都创新互联公司是一家专业提供海兴企业网站建设,专注与成都做网站、网站建设、H5高端网站建设、小程序制作等业务。10年已为海兴众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。
2、在test.html文件内,分别在p标签内,使用input标签创建文本输入框,用于内容的输入。
3、在test.html文件内,给每个input元素设置class属性,统一设置为myput,主要用于下面一次性获得所有的input对象。
4、在test.html文件内,使用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()方法
设置输入域的值:
$("button").click(function(){
$(":text").val("Hello
World");
});
定义和用法
val()
方法返回或设置被选元素的值。
元素的值是通过
value
属性设置的。该方法大多用于
input
元素。
如果该方法未设置参数,则返回被选元素的当前值。
例:获取ul中li的value值
首先,在html中我们要为每个li设置value值
复制代码
代码如下:
ul
li
value="你好"/li
li
value="hello"/li
li
value="=-="/li
/ul
再通过jquery根据点击事件获取对应的value
复制代码
代码如下:
$(document).ready(function(){
$("li").click(function{
alert($(this).val());
});
});
代码如下:
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.jQuery中的val()方法用来获取或设置输入框或者选择框的值
获取值: $("#text").val()
设置值: $("#text").val("value")
获取值: $("#select").val()
设置值: $("#select").val("select1")
获取值: $("#value").attr("value")
设定值: $("#value").attr("value","设定值");
还可以直接给对象的value赋值 obj.value = "给obj设置value";