jQuery表单选择器

最新推荐文章于 2023-10-19 15:17:55 发布

迷亭君

最新推荐文章于 2023-10-19 15:17:55 发布

阅读量311

点赞数

分类专栏： ajax+JQuery+Vue 文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/qq_49044908/article/details/121270884

版权

ajax+JQuery+Vue 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

jQuery表单选择器

表单相关元素选择器是指文本框,单选框,复选框,下拉列表等元素的选择方式.该方法无论是否存在表单,均可做出响应的选择.表单选择器是为了能更加容易的操作表单.
表单选择器是根据元素的类型来定位的,语法为:$(":type值")
如<input type="text"/>
$(":text") 选取的是所有的单行文本框.
下面是具体的例子:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单选择器</title>
    <script type="text/javascript" src="js/jquery-3.4.1.js"></script>
    <script type="text/javascript">
        function fun1() {
            // 使用表单选择器 $(":type值")
            var obj = $(":text");
            alert(obj.val());
        }
        function fun2() {
            var objs = $(":radio");
            for (var i = 0; i < objs.length; i++) {
                var obj = $(objs[i]);
                alert(obj.val());
            }
        }
        function fun3() {
            var objs = $(":checkbox");
            for (var i = 0; i < objs.length; i++) {
                var obj = objs.get(i);
                alert(obj.value);
            }
        }
    </script>
</head>
<body>
    <input type="text" value="我是type=text"/> <br/>
    <input type="radio" value="man"/>男<br/>
    <input type="radio" value="woman"/>女<br/>
    <input type="checkbox" value="bike"/>骑行<br/>
    <input type="checkbox" value="football"/>足球<br/>
    <input type="checkbox" value="music"/>音乐<br/>
    <input type="button" value="组合选择器获取文本框" onclick="fun1()"><br/>
    <input type="button" value="组合选择器获取单选框" onclick="fun2()"><br/>
    <input type="button" value="组合选择器获取复选框" onclick="fun3()"><br/>
</body>
</html>

迷亭君

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery表单选择器

jQuery表单选择器表单相关元素选择器是指文本框,单选框,复选框,下拉列表等元素的选择方式.该方法无论是否存在表单,均可做出响应的选择.表单选择器是为了能更加容易的操作表单.表单选择器是根据元素的类型来定位的,语法为:$(":type值")如<input type="text"/>$(":text") 选取的是所有的单行文本框.下面是具体的例子:<!DOCTYPE html><html lang="en"><head> <me
复制链接

扫一扫