jquery 属性 val()

最新推荐文章于 2021-06-06 23:57:43 发布
最新推荐文章于 2021-06-06 23:57:43 发布
阅读量238 收藏
点赞数
分类专栏： jQuery 文章标签： jQuery HTML ViewUI

val()

返回匹配元素集合中第一个元素value的属性值。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    
    function displayVals() {
      var singleValues = $("#single").val();
      var multipleValues = $("#multiple").val() || [];
      $("p").html("<b>Single:</b> " + 
                  singleValues +
                  " <b>Multiple:</b> " + 
                  multipleValues.join(", "));
    }

    $("select").change(displayVals);
    displayVals();

  });
  </script>
  <style>
  p { color:red; margin:4px; }
  b { color:blue; }
  </style>
</head>
<body>
  <p></p>
  <select id="single">
    <option>Single</option>
    <option>Single2</option>
  </select>
  <select id="multiple" multiple="multiple">
    <option selected="selected">Multiple</option>
    <option>Multiple2</option>
    <option selected="selected">Multiple3</option>
  </select>
</body>
</html>

 

var singleValues = $("#single").val();

var multipleValues = $("#multiple").val() || [];
将返回匹配id为‘single’和‘multiple’元素中的value数值。然后将返回值放入p元素中显示

 

 

 

val(val)

对匹配元素集合中每一个元素的value属性值注入‘val’

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    
    $("button").click(function () {
      var text = $(this).text();
      $("input").val(text);
    });

  });
  </script>
  <style>
  button { margin:4px; cursor:pointer; }
  input { margin:4px; color:blue; }
  </style>
</head>
<body>
  <div>
    <button>Feed</button>
    <button>the</button>
    <button>Input</button>
  </div>
  <input type="text" value="click a button" />
</body>
</html>

 

$("input").val(text);
对匹配的input元素集合中每一个input元素的value值都注入‘text’。

另附例子2：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    
    $("#single").val("Single2");
    $("#multiple").val(["Multiple2", "Multiple3"]);
    $("input").val(["check1","check2", "radio1" ]);

  });
  </script>
  <style>
  body { color:blue; }
  </style>
</head>
<body>
  <select id="single">
    <option>Single</option>
    <option>Single2</option>
  </select>
  <select id="multiple" multiple="multiple">
    <option selected="selected">Multiple</option>
    <option>Multiple2</option>
    <option selected="selected">Multiple3</option>
  </select><br/>
  <input type="checkbox" name="checkboxname" value="check1"/> check1
  <input type="checkbox" name="checkboxname" value="check2"/> check2
  <input type="radio"  name="r" value="radio1"/> radio1
  <input type="radio"  name="r" value="radio2"/> radio2
</body>
</html>

 

 

 

 

 

iteye_2604
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery的Val()
weixin_44540343的博客
05-16 7850
1、jQuery的val() jQuery中有一个.val()方法主要是用于处理表单元素的值，比如 input, select 和 textarea。 .val()方法 .val()无参数，获取匹配的元素集合中第一个元素的当前值 .val(value)，设置匹配的元素集合中每个元素的值 .val(function) ，一个用来返回设置值的函数 这里要注意的是： 通过.val()处理select元素...
jQuery属性操作之.val()
peterzhangsnail的博客
12-02 7206
文章目录.val()实例方法的三种用法.val()函数源码调用形式:$('xxx').val();调用形式:$('xxx').val(value);调用形式:$('xxx').val(function(index,value){}); [转载:https://www.cnblogs.com/peterzhangsnail/p/10054533.html] .val()实例方法的三种用法 1.$(‘...
jQuery——val() 方法的使用
Searchin_R的博客
10-11 2042
先看一下val()的定义。 val() 方法返回或设置被选元素的值。 元素的值是通过 value 属性设置的。该方法大多用于 input 元素。 如果该方法未设置参数，则返回被选元素的当前值。  从定义可以知道，val()一般有两个用途：返回被选元素的值与设置被选元素的值。下面来看一下如何用val()来实现这两个功。 1.设置被选元素的值。 语法： $(selector).va...
jQuery val( )方法
m0_57835615的博客
06-06 815
jQuery的 val( )方法可以设置或返回表单元素的值。 （1）获取表单元素的值 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic
jQuery判断自定义属性data-val用法示例
10-17
主要介绍了jQuery判断自定义属性data-val用法,结合实例形式分析了jQuery自定义属性的定义与简单使用技巧,需要的朋友可以参考下
妙用Jquery的val()方法
10-28
值得注意的是，当下拉列表有多个可选（`multiple`属性）时，val()方法会返回一个包含所有选中项值的数组： ```javascript // 设置多选下拉框的选中项 $("#multiple").val(["3", "4"]); // 获取所有选中项的值 var ...
JQuery获得内容和属性方法解析
10-15
总结来说，jQuery的`text()`, `html()`, `val()`和`attr()`方法提供了强大的功能，使得获取和操作HTML元素的内容和属性变得简单直观。这些方法在实际开发中非常常用，能够极大地提高工作效率。熟练掌握这些方法对于...
jquery属性,遍历,HTML操作方法详解
10-21
首先，让我们关注jQuery的属性操作。jQuery提供了丰富的API来处理元素的属性。例如，`attr()`方法用于获取或设置元素的属性值。当你需要获取某个属性值时，可以使用`attr(attributeName)`；若要设置属性值，可以使用...
jquery中html、val与text三者属性取值的联系与区别介绍
10-26
本文为大家详细介绍下jquery中，html、val与text三者属性取值的联系与区别，下面有个不错的示例，感兴趣的朋友不要错过
.html(),.text()和.val()的差异总结
weixin_34257076的博客
07-25 962
.val()方法 .val()无参数，获取匹配的元素集合中第一个元素的当前值 .val( value )，设置匹配的元素集合中每个元素的值 .val( function ) ，一个用来返回设置值的函数 注意事项： 通过.val()处理select元素， 当没有选择项被选中，它返回null .val()方法多用来设置表单的字段的值 如果select元素有multiple（...
jquery取得元素集的val值
java的涟漪
02-19 229
在实际开发过程中我们会遇见多选，批量处理等问题，那么如果使用jquery如何对多选的元素获取他们的val值的集合呢？方法如下： var vals = $('input[name="templateCheckbox"]:checked').map(function(){ return $(this).val(); }).get().join(","); 如上此时vals的...
val什么意思vb中的属性值_VB语言中的val()函数是什么意思？如何使用？
weixin_39959482的博客
01-12 3553
展开全部val是一个将字符串参62616964757a686964616fe59b9ee7ad9431333366306530数转换成数值的函数，字符串参数中一般要含有数字，且以数字开头，val函数才会将其中的数字转换成适当的数值。它能识别小数点和进位符号：&O和&H。但它不能识别可能作为数值一部分的符号和字符，例如美元符与逗号。参数中的空白符、制表符和换行符会被去掉。如果字符串不...
jQuery的val用法
cruise技术博客
10-10 2687
query的val()方法不仅能够设置元素的值，同时也能获取元素的值。常见的操作是对文本框的操作，比如判断邮箱地址等 看下面的一个例子： 复制代码 代码如下: 代码： 复制代码 代码如下: $("#address").focus(function(){ // 地址框获得鼠标焦点 var txt_value = $(this).val(); /
jquery中val()小例子-----1
我用键盘敲出一个世界
10-12 973
此方法类似于javascript中的value属性。val()可以用来设置和获取元素的值，无论元素是文本框，下拉列表它都可以返回元素的值，如果元素为多选，则返回一个包含所有选择的值得数组。 我们今天就可以利用某网站的邮箱登录界面，默认状态下，邮箱地址文本框和邮箱密码框内分别有“请输入邮箱地址”和“请输入邮箱密码”的提示。当将鼠标聚焦到邮箱地址文本框是，文本框内的“请输入邮箱地址”文字被清空，如果此
jQuery中val和value的区别
qq_36870779的博客
04-28 7835
1.jQuery中的val()方法用来获取或设定输入框或选择框的值。 获取值：$("#text").val() 设置值：$("#text").val(“value”) 也可以来获取或设置select标签的值 select1 select2 获取值：$("#select").val() 设置值：$("#select").val(“select1”) 2.j
JQuery的val()与原生JavaScript的value的比较
weixin_40165325的博客
01-17 3051
在使用jQuery时获取对象的值我们会使用到val()方法 由于jQuery是基于对象的 val()获取到的实际是元素对象的属性 而原生的JavaScript获取到的value值 是元素的值 因为form表单中input的值确实太多 甚至可以换行 因此我们可以把JavaScript获取到的value值看做是近似对象 但是二者在实际操作中还是有些许差别的 我个人觉得还是尽量使用原生
JQuery中的.val()、.html()、.text()
ssssSFN的博客
05-05 477
.val() 获取标签中的value属性值 <body> <div id="div1">div有文本内容</div> <div id="div2"> div2内的文本 <span>span内有文本内容</span> </div> <input t...
jquery 多选框取值
萧若寒
02-29 165
jquery 多选框取值: &lt;select id="single"&gt; &lt;option&gt; Single &lt;/option&gt; &lt;option&gt; Single2 &lt;/option&gt; &lt;/select&gt; &lt;select id="multiple
JQuery .val方法
kururunga的博客
05-17 280
比如: var idea = $("#suggestion").val(); val() 方法返回或设置被选元素的值。 元素的值是通过 value 属性设置的。该方法大多用于 input 元素。 如果该方法未设置参数，则返回被选元素的当前值。 语法 $(selector).val(value) ...
jquery中val()可以获取默认值吗
最新发布
06-03
2. 使用自定义属性存储默认值 ```html 默认值"> ``` ```js $(function() { var defaultValue = $('#input').data('default'); // 获取默认值 var currentValue = $('#input').val(); // 获取当前值 }); ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值