jquery的val、html、text方法

最新推荐文章于 2023-06-29 15:54:17 发布

控制自己掌控敌人

最新推荐文章于 2023-06-29 15:54:17 发布

阅读量641

点赞数

分类专栏： jquery 笔记文章标签： java map java

本文链接：https://blog.csdn.net/weixin_47353244/article/details/121483042

版权

笔记同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

jquery

1 篇文章 0 订阅

订阅专栏

val方法赋值或获取表单值

$(function (){
    alert($(":radio").val())     //获得值,radio为type值
    $(":radio").val(["radio1"])  //choose radio1
    $(":radio").val(["radio2"])  //执行这条后radio2会被选择，radio1取消选择
    $(":checkbox").val(["checkbox1","checkbox2"])  //多选框选择cbx1,cbx2

})


//=用双引号，双引号里面需要用到引号的用单引号，以免被双引号隔开。
<input type="radio" value="radio1">radio1
<input type="radio" value="radio2">radio2
<input type="checkbox" value="checkbox1">checkbox1
<input type="checkbox" value="checkbox1">checkbox2
<input type="checkbox" value="checkbox3">checkbox3

:为type值选择（如代码图）

val是表单项的value的操作，表单项有如下：

.为class值选择

#为id值选择

text方法为拿标签的文本值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script type="text/javascript" src="script/jquery-3.5.1.js"></script>
  <script type="text/javascript">
    $(function (){
      // $("div").html("<h1>div的标题<h1>")
      alert($("div").text())
    })
  </script>
</head>
<body>
<div>div文本<span>div中的span标签</span></div>
</body>
</html>

运行结果如图

html为选择的标签选择器的内容，会把已有的内容覆盖。

<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script type="text/javascript" src="script/jquery-3.5.1.js"></script>
  <script type="text/javascript">
    $(function (){
      $("div").html("<h1>div的标题<h1>")
    })
  </script>
</head>
<body>
<div>div文本<span>div中的span标签</span></div>
</body>

运行结果如图

总结：$(":type").val 拿到type的属性之后，通过val方法来获取或者操作表单标签的value值

控制自己掌控敌人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery的val、html、text方法

$(function (){ alert($(":radio").val()) //获得值,radio为type值 $(":radio").val(["radio1"]) //choose radio1 $(":radio").val(["radio2"]) //执行这条后radio2会被选择，radio1取消选择 $(":checkbox").val(["checkbox1","checkbox2"]) //多选框选择cbx1,cbx2})//=用.
复制链接

扫一扫