表单选择器

最新推荐文章于 2023-05-19 23:32:13 发布

极客研究者

最新推荐文章于 2023-05-19 23:32:13 发布

阅读量1.2k

点赞数

分类专栏： JQuery 文章标签： jquery html css

本文链接：https://blog.csdn.net/qq_34550459/article/details/106113307

版权

JQuery 专栏收录该内容

30 篇文章 1 订阅

订阅专栏

表单选择器是匹配经常在表单内出现的元素,但是匹配的元素不一定在表单中。

:input 匹配所有的input元素
:button 匹配所有的普通按钮,即type='button’的input元素
:checkbox 匹配所有的复选框
:file 匹配所有的文件域
:image 匹配所有的图像域
:password 匹配所有的密码域
:radio 匹配所有的单选按钮
:reset 匹配所有的重置按钮(type='reset’的input元素)
:submit 匹配所有的提交按钮(type='submit’的input元素)
:text 匹配所有的当行文本框

Demo:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Jquery之表单选择器</title>
    <script src="../js/jquery.min.js"></script>
    <script>
       $(function(){
         $(':checkbox').attr('checked',"checked");
         $(':radio').attr('checked','true');
         $(':password').val(7060158);
         $(':text').val("test demo");
         $(':button').attr('disabled','disabled');
         $(':reset').val('重置按钮');
         $(':submit').val('提交按钮');
       });
    </script>
</head>
<body>
        <form action="" method="GET">
            复选框:<input type="checkbox"/><br>
            单选按钮:<input type="radio"/><br>
            图像域:<input type="image"/><br>
            文件域:<input type="file"/><br>
            密码域:<input type="password"><br>
            文本框:<input type="text" width="150px"><br>
            按钮:<input type="button" value="按钮"><br>
            重置:<input type="reset" value="重置"><br>
            提交:<input type="submit" value="提交"><br>
            隐藏域:<input type="hidden" value="这是隐藏的元素"/><br>
            <div class="testDiv"><font color="blue">隐藏域的值</font></div>
        </form>
</body>
</html>

极客研究者

关注

0
点赞
踩
1

收藏

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

表单选择器是匹配经常在表单内出现的元素,但是匹配的元素不一定在表单中。:input 匹配所有的input元素:button 匹配所有的普通按钮,即type='button’的input元素:checkbox 匹配所有的复选框:file 匹配所有的文件域:image 匹配所有的图像域:password 匹配所有的密码域:radio 匹配所有的单选按钮:reset 匹配所有的重置按钮(type='reset’的input元素):submit 匹配所有的提交
复制链接

扫一扫