JQuery val()方法二

最新推荐文章于 2018-07-15 09:50:35 发布
最新推荐文章于 2018-07-15 09:50:35 发布
阅读量791 收藏 1
点赞数 1
分类专栏： JQuery 文章标签： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/writtyflame/article/details/9253337
版权

对JQuery val()方法的了解更多一点

下面是val（）的其他用法：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("#single").val("Single2");
 
$("#multiple").val(["Multiple2", "Multiple3"]);
 
$("input").val(["check2", "radio1"]);

  });
});
</script>
</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" value="check1"/> check1 
<input type="checkbox" value="check2"/> check2 
<input type="radio" value="radio1"/> radio1 
<input type="radio" value="radio2"/> radio2

<button>改变文本域的值</button>
</body>
</html>


运行前：

运行后：

writtyflame
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery中val()小例子-----1
我用键盘敲出一个世界
10-12 973
此方法类似于javascript中的value属性。val()可以用来设置和获取元素的值，无论元素是文本框，下拉列表它都可以返回元素的值，如果元素为多选，则返回一个包含所有选择的值得数组。 我们今天就可以利用某网站的邮箱登录界面，默认状态下，邮箱地址文本框和邮箱密码框内分别有“请输入邮箱地址”和“请输入邮箱密码”的提示。当将鼠标聚焦到邮箱地址文本框是，文本框内的“请输入邮箱地址”文字被清空，如果此
jQuery val( )方法
m0_57835615的博客
06-06 816
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
.html(),.text()和.val()的差异总结
weixin_34257076的博客
07-25 963
.val()方法 .val()无参数，获取匹配的元素集合中第一个元素的当前值 .val( value )，设置匹配的元素集合中每个元素的值 .val( function ) ，一个用来返回设置值的函数 注意事项： 通过.val()处理select元素， 当没有选择项被选中，它返回null .val()方法多用来设置表单的字段的值 如果select元素有multiple（...
jQuery中val()方法用法
年华
09-06 5427
此方法设置或获取匹配元素的value属性值。 只有具有value属性的元素才能够使用此方法。比如input元素可以使用此方法，而div元素就不可以。 使用方式： 用法一: 此方法不带参数的时候是返回第一个匹配元素的value属性值。例如: $("input").val() 以上代码是获取第一个input元素的value属性值。 用法二:
jQuery的val用法
cruise技术博客
10-10 2689
query的val()方法不仅能够设置元素的值，同时也能获取元素的值。常见的操作是对文本框的操作，比如判断邮箱地址等 看下面的一个例子： 复制代码 代码如下: 代码： 复制代码 代码如下: $("#address").focus(function(){ // 地址框获得鼠标焦点 var txt_value = $(this).val(); /
jQuery中val()方法用法实例
10-25
主要介绍了jQuery中val()方法用法,以实例形式分析了val()方法的两种常见用法,具有一定的参考借鉴价值,需要的朋友可以参考下
Jquery使用val方法读写value值
10-24
主要介绍了Jquery使用val方法读写value值,实例分析了jQuery中val方法获取value值与赋值操作的相关技巧,需要的朋友可以参考下
妙用Jquery的val()方法
01-19
看下面的一个例子： 代码如下: <... 代码： 代码如下: $(“#address”).focus(function(){ // 地址框获得鼠标焦点 var txt_value = $(this).val(); // 得到当前文本框的值 if(txt_value==this.defaul
jquery 学习之二 属性---<文本> <值>
weixin_30894583的博客
11-23 63
text() 取得所有匹配元素的内容。 结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。 Get the text contents of all matched elements. The result is a string that contains the combined text contents of all matched...
jquery_笔记-设置默认，任意选中选项
Tech My Life
12-10 475
$(document).ready(function(){       $("#single").val("Single2");//初始时，select默认第二个Single2选中       $("#multiple").val(["Multiple", "Multiple3"]);//初始时，select默认一，三项选中       $("input").val(["check2", "
JQuery为下拉列表、复选框、单选框赋值
hqmln的博客
11-07 404
    $(function(){ //下拉列表单选，赋值用字符串 $("#single").val("Single2"); //下拉列表多选，赋值用字符串数组 $("#multiple").val(["Multiple2", "Multiple3"]); //复选框赋值必须用字符串数组 $(":checkbox").val(["check2&quot
jquery中的.val方法
木易小宝
07-15 754
js原生的没有val方法，val方法一般都是jquery的或者自己定义的。jquery的val方法，比如&lt;input type='text' id='ipt' /&gt;$('#ipt').val();//这表示获取id是ipt的value值$('#ipt').val('222');//这表示对id是ipt的value进行赋值222...
JQuery val()方法的使用
writtyflame的部落格
07-05 996
JQuery 中val（）的使用颇多且颇为方便，熟练掌握val（）可以快速提高编程速度。 val() 方法返回或设置被选元素的值。 元素的值是通过 value 属性设置的。该方法大多用于 input 元素。 如果该方法未设置参数，则返回被选元素的当前值。   下面是一个例子 $(document).ready(function(){ $("button").click(fu
jquery attr()方法
writtyflame的部落格
07-03 814
在做项目的时候，遇到JQuery的attr()就心里犯抵触，总觉得很神奇，不敢阅读和使用，只要真正明白attr()的用法，我们得世界突然就明亮了，下面对attr()做一些范例介绍一下： jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名)
Jquery 全选、全不选、反选
writtyflame的部落格
08-30 568
全选，全不选，反选 $(function () { $("#selectAll").click(function () {//全选 $("#fruitList input:checkbox").attr("checked", true);
基于Springboot和Vue的数码论坛系统设计与实现-源码 数码论坛系统设计与实现代码（高分毕设）
最新发布
07-24
数码论坛系统设计与实现-源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
用jquery val上传
10-21
通过使用jQuery的val()方法上传文件是不可能的。val()方法是用于获取或设置表单元素的值，如文本框、复选框、下拉框等。它适用于处理表单元素的值，而不适用于上传文件。 要实现文件上传，可以使用jQuery的ajax()...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值