jQuery-封装的表单元素选择器

1.表单概念

:text        找所有的type="text"input标签
:radio       type="radio"的单选按钮
:checkbox    type="cheakbox"的多选按钮
:checked     被选中的

2.代码展示

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单选择器</title>
</head>

<body>
    <input type="radio" name="sex" value="1" /><input type="radio" name="sex" value="2" /><button id="btn">提交</button>
</body>
<srcipt src=" https://cdn.bootcss.com/jquery/3.5.0/jquery.min.js"></srcipt>
<script>
    $("#btn").click(function() {
        console.log($(":radio:checked").val())
    })
</script>

</html>
posted @   东血  阅读(129)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律

本站勉强运行 1780 天 21 小时 48 分 37 秒

目录导航
目录导航
jQuery-封装的表单元素选择器
1.表单概念
2.代码展示
发布于 2020-05-21 19:58
点击右上角即可分享
微信分享提示