jQuery中val方法使用总结

最新推荐文章于 2023-08-27 01:42:36 发布

泷憬

最新推荐文章于 2023-08-27 01:42:36 发布

阅读量942

点赞数

分类专栏： jQuery 文章标签： jQuery中val方法使用总结

本文链接：https://blog.csdn.net/IT_Helianthus/article/details/90716273

版权

这篇博客总结了jQuery中val方法的使用，包括如何选中单选框、复选框以及下拉列表。通过示例代码展示了val方法在不同场景下的操作效果。

摘要由CSDN通过智能技术生成

一、使用val方法选中单选框

示例如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
		<script>
			$(function(){
				$("[name='sex']").val(["0"]);
			})
		</script>
	</head>
	<body>
		<input type="radio" name="sex" value="0" />男
		<input type="radio" name="sex" value="1" />女
	</body>
</html>

运行结果如下图：
在这里插入图片描述

二、使用val方法选中复选框

示例如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title><

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

泷憬

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

详述jQuery中val方法

Zzze0101的博客

05-31

1053

1、获取值若val（）中不传参数，则结果返回第一个匹配元素的 value 属性的值。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jq...

jQuery中val()方法用法实例

10-25

总结来说，val()方法是jQuery中非常实用的一个方法，它的主要作用就是获取和设置具有value属性的元素的value值。通过不带参数的方式获取第一个匹配元素的value值，或者通过带参数的方式设置所有匹配元素的value值，...

1 条评论您还未登录，请先登录后发表或查看评论

JQuery中的val（）方法

天道酬勤

06-13

2777

jQuery中的val()方法，并不是简单的直接返回elem.value的属性值，它根据不同的DOM元素进行了不同的处理。首先是，如果有value则取value，没有，则取标签中的文字。其次是，select分为单选和多选，根据标签设置的属性，来确定返回单个值还是多个值（数组）。再次是radio，如果没有设置value，并且当前状态为选中状态时，会返回一个"on"。最后，是其它情况，直接返回

.html(),.text()和.val()的差异总结

weixin_34257076的博客

07-25

980

.val()方法 .val()无参数，获取匹配的元素集合中第一个元素的当前值 .val( value )，设置匹配的元素集合中每个元素的值 .val( function ) ，一个用来返回设置值的函数注意事项：通过.val()处理select元素，当没有选择项被选中，它返回null .val()方法多用来设置表单的字段的值如果select元素有multiple（...

JQuery .val方法

kururunga的博客

05-17

298

比如: var idea = $("#suggestion").val(); val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数，则返回被选元素的当前值。语法 $(selector).val(value) ...

jQuery的val()方法

桃花扇的博客

03-05

521

val()方法用来获取或修改表单的value的属性值

jQuery的val用法

cruise技术博客

10-10

2715

query的val()方法不仅能够设置元素的值，同时也能获取元素的值。常见的操作是对文本框的操作，比如判断邮箱地址等看下面的一个例子：复制代码代码如下: 代码：复制代码代码如下: $("#address").focus(function(){ // 地址框获得鼠标焦点 var txt_value = $(this).val(); /

Jquery中val()表单取值赋值的实例代码

10-27

本知识点将详细介绍JQuery中val()方法的基本使用方法，包括如何对单个和多个元素进行操作，以及如何处理单选和多选的select元素，还包括如何使用JQuery处理文本框和按钮值的获取与设置。 1. 单个元素的值获取与设置...

jquery $(this).attr $(this).val方法使用介绍

12-10

总结来说，`.attr()`和`.val()`是jQuery中处理HTML元素属性和表单元素值的关键方法。`.attr()`适用于任何属性操作，而`.val()`专门针对表单元素的`value`属性。它们极大地简化了DOM操作，使得开发者能够更加高效地...

jQuery中的html(),text()和val()

厂长的博客

09-05

2940

jQuery中的html(),text()和val()的不同

jQuery特殊属性之val方法

机器猫不吃鱼的博客

09-15

739

jQuery之val方法

jquery的val()

weixin_41496016的博客

09-05

598

jquery的val()当有value属性时才有效，如input

JQuery的Val()

weixin_44540343的博客

05-16

7915

1、jQuery的val() jQuery中有一个.val()方法主要是用于处理表单元素的值，比如 input, select 和 textarea。 .val()方法 .val()无参数，获取匹配的元素集合中第一个元素的当前值 .val(value)，设置匹配的元素集合中每个元素的值 .val(function) ，一个用来返回设置值的函数这里要注意的是：通过.val()处理select元素...

jQuery中的val()方法

weixin_41049260的博客

09-21

2450

1.jQuery中的val()方法用来获取或设定输入框或选择框的值。获取值：$("#text").val() 设置值：$("#text").val(“value”) 也可以来获取或设置select标签的值 <select id="select"> <option> select1 </option> <option> select2 &l...

分析jQuery中val()方法的实现过程

李尔摩斯de技术窝

09-16

2157

<br /> <br />　　jQuery中的val()方法，并不是简单的直接返回elem.value的属性值，它根据不同的DOM元素进行了不同的处理。<br /> 首先是<option>，如果有value则取value，没有，则取标签中的文字。其次是<select>，select分为单选和多选，根据标签设置的属性，来确定返回单个值还是多个值（数组）。再次是radio，如果没有设置value，并且当前状态为选中状态时，会返回一个"on"。最后，是其它情况，直接返回elem.value。<br /> <br

jQuery——val() 方法的使用

Searchin_R的博客

10-11

2113

先看一下val()的定义。 val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数，则返回被选元素的当前值。从定义可以知道，val()一般有两个用途：返回被选元素的值与设置被选元素的值。下面来看一下如何用val()来实现这两个功。 1.设置被选元素的值。语法： $(selector).va...

JQuery中的text(),html()和val()区别

qq_42045405的博客

04-27

294

val（）这个方法只用于表单。结果：总结：div类型的获取不到值，val() 方法返回或设置被选元素的值。方法主要用于获取表单元素的值html（）方法使用结果：总结：html() 方法返回或设置被选元素的内容 (inner HTML)，包括标签text（）方法的使用结果：总结：text() 方法方法设置或返回被选元素的文本内容跟html返回的结果一样，但是没有标签。...

jquery----text()、html() 以及 val()

nO0b

10-13

298

本篇介绍text()、html() 以及 val()的用法和区别 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值先说三个函数无参获取内容用法用白话说3者的区别是: html获取内容时如果有子元素就会以文本把<xx>也输出 text会跳过内容中的子元素等标签,只提...

jQuery中val()和text()的区别