【前端】JQ验证每个单选按钮是否已经选择
验证每个单选题是否都已经选择，其中每个input中不带name值，直接遍历input[type="radio"]验证
<!DOCTYPE html>
<html lang="en">
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body> <div class="formdiv"> <form class="layui-form" action=""> <div class="layui-form-item"> <div class="tt">1 您是否经常按医生的指导服用药物？ <span style="color:red">*</span></div> <div> <label><input type="radio" value="A"> A. 是</label> <label><input type="radio" value="B"> B. 否</label> </div> </div> <div class="layui-form-item"> <div class="tt">2 在过去的一周中，您是否曾经忘记过服用药物？ <span style="color:red">*</span></div> <div> <label><input type="radio" value="A"> A. 是</label> <label><input type="radio" value="B"> B. 否</label> </div> </div> <div class="layui-form-item"> <div class="tt">3 如果您觉得不太舒服，您是否会省略服药？ <span style="color:red">*</span></div> <div> <label><input type="radio" value="A"> A. 是</label> <label><input type="radio" value="B"> B. 否</label> </div> </div> <div style="margin:0.5rem auto 1rem auto;box-sizing: border-box;padding: 0rem 0.5rem;"> <button type="submit" class="layui-btn sub">提交问卷</button> </div> </form> </div> <script> $(document).ready(function() { $('.layui-form').on('submit', function(e) { e.preventDefault(); // 阻止表单的默认提交行为 // 检查每个单选按钮组是否有一个被选中 var isValid = true; $('input[type="radio"]').each(function() { if (!$(this).closest('.layui-form-item').find('input[type="radio"]:checked').length) { isValid = false; alert('请回答所有问题！'); return false; // 跳出循环 } }); if (isValid) { // 如果所有验证都通过，则提交表单（这里只是模拟，你可以使用ajax提交或其他方式） alert('表单提交成功！'); // $(this).submit(); // 取消注释以实际提交表单 } }); }); </script>
</body>
</html>相关文章：
【前端】JQ验证每个单选按钮是否已经选择
验证每个单选题是否都已经选择，其中每个input中不带name值，直接遍历input[type"radio"]验证 <!DOCTYPE html> <html lang"en"> <head> <meta charset"UTF-8"> <meta name"viewpor…...
【无人机设计与控制】滑模控制、反步控制、传统PID四旋翼无人机轨迹跟踪控制仿真
摘要 本文基于滑模控制、反步控制和传统PID控制，设计了针对四旋翼无人机的轨迹跟踪控制系统。通过对比这三种控制策略在四旋翼无人机轨迹跟踪中的表现，分析了各自的优缺点和适用场景。仿真结果表明，滑模控制具有更强的鲁棒性，反步…...
MongoDB 介绍
一、MongoDB 介绍 MongoDB 是一个开源的、面向文档的数据库管理系统。它采用了灵活的数据模型，以类似 JSON 的文档形式存储数据，具有高可扩展性、高性能和丰富的功能。 主要特点包括： 灵活的数据模型：文档型数据库允许存储不同…...
计算机网络：物理层 —— 物理层概述
文章目录 物理层功能物理层接口特性常见特性 相关概念 物理层（Physical Layer）是OSI（Open Systems Interconnection）模型的第一层，负责提供原始比特流传输的服务。它定义了硬件接口的电气、机械、功能和过程特性&#…...
HTTP的工作原理
HTTP（Hypertext Transfer Protocol）是一种用于在计算机网络上传输超文本数据的应用层协议。它是构成万维网的基础之一，被广泛用于万维网上的数据通信。（超文本(Hypertext)是用超链接的方法，将各种不同空间的文字信息组…...
缓存数据减轻服务器压力
问题：不是所有的数据都需要请求后端的 不是所有的数据都需要请求后端的，有些数据是重复的、可以复用的解决方案：缓存 实现思路：每一个分类为一个key，一个可以下面可以有很多菜品 前端是按照分类查询的，所以我们需要通过分类来缓存缓存代码 /*** 根据分类id查询菜品** @pa…...
【自动驾驶】控制算法（十二）横纵向综合控制 | 从理论到实战全面解析
写在前面： 🌟 欢迎光临 清流君 的博客小天地，这里是我分享技术与心得的温馨角落。📝 个人主页：清流君_CSDN博客，期待与您一同探索 移动机器人 领域的无限可能。 🔍 本文系 清流君 原创之作&…...
Python基础之List列表用法
1、创建列表 names ["张三","李四","王五","Mary"] 2、列表分片 names[1]：获取数组的第2个元素。 names[1:3]：获取数组的第2、第3个元素。包含左侧，不包含右侧。 names[:3]等同于names[0:3]&…...
视觉检测开源库-功能包框架搭建
chapt9/chapt9_ws/src，接着在目录下新建 yolov5_ros2 功能包，并添加相关依赖，完整命令如下： ros2 pkg create yolov5_ros2 --build-type ament_python --dependencies rclpy yolov5 cv_bridge sensor_msgs vision_msgs cv2 --lic…...
pytest的基础入门
pytest判断用例的成功或者失败 pytest识别用例失败时会报AssertionError或者xxxError错误，当捕获异常时pytest无法识别到失败的用例 pytest的fixture夹具 pytest的参数化 #coding:utf-8 import pytestfrom PythonProject.pytest_test.funcs.guess_point import ge…...
（31）非零均值信号的时域分析：均值、方差、与功率
文章目录 前言一、使用MATLAB生成余弦波并画图二、计算信号的均值、方差、与功率三、结果分析 前言 本文对叠加了直流分量的一段整周期余弦信号进行时域分析，使用MATLAB进行信号生成，并计算其均值、方差、与功率。最后给出对计算结果的分析，…...
架设传奇SF时提示此服务器满员，GEE引擎点开始游戏弹出服务器满员的解决方法
昨天一个朋友在架设GEE的传奇服务端时遇到一个奇怪的问题，就是在服务器外网架设时，建好角色点开始游戏提示此服务器满员，这个问题一般比较少见，而且出现的话一般都是GEE引擎的版本。 他折腾了半天，一直没进游戏&#x…...
QT day06
在QT使用数据库实现学生管理系统 头文件： #ifndef WIDGET_H #define WIDGET_H#include <QWidget> #include <QSqlDatabase> #include <QSqlQuery> #include <QSqlRecord> QT_BEGIN_NAMESPACE namespace Ui { class Widget; } QT_END_NAME…...
微信小程序-npm支持-如何使用npm包
文章目录 1、在内建终端中打开2、npm init -y3、Vant Weapp4、通过 npm 安装5、构建 npm 1、在内建终端中打开 Windows PowerShell 版权所有 (C) Microsoft Corporation。保留所有权利。尝试新的跨平台 PowerShell https://aka.ms/pscore6PS C:\Users\dgq\WeChatProjects\minip…...
Spring Cloud Stream 3.x+kafka 3.8整合
Spring Cloud Stream 3.xkafka 3.8整合，文末有完整项目链接 前言一、如何看官方文档(有深入了解需求的人)二、kafka的安装tar包安装docker安装 三、代码中集成创建一个测试topic：testproducer代码producer配置（配置的格式，上篇文章…...
JavaScript中的数组
1.数组的概念 数组可以把一组相关的数据一起存放，并提供方便的访问/获取方式数组是指一组数据的集合，其中每个数据称之为元素(element)，在数组中可以存放任意类型的元素，数组是一种将一组数据存储在单个变量名下的优雅方式。 2.…...
UE5运行时动态加载场景角色动画任意搭配-场景角色相机动画音乐加载方法（三）
1、将场景打包为Pak并加载 1、参考这篇文章将场景打包为pak，UE4打包并加载Pak-Windows/iOS/Android不同平台Editor/Runtime不同运行模式兼容 2、在Mount Pak后直接打开Map即可 void UMapManager::OpenMap(FString Path) {UWorld* World = UGlobalManager::GetInstance()->…...
c# 中 中文、英文、数字、空格、标点符号占的字符大小
在C#中，中文、英文、数字、空格和标点符号在不同编码下所占的字节大小是不一样的。常见的编码有UTF-8、UTF-16、GB2312等。以下是在不同编码下各种字符类型所占的字节大小： UTF-8： 中文字符：3个字节 英文字符：1个字…...
前端_003_js扫盲
文章目录 var,let,const严格模式数据类型运算符事件常用对象函数绑定call() ,apply(),bind() 闭包浏览器中事件循环回调和异步Promiseasync和await DOMBOMAjax var,let,const let是var的升级版本，对于块作用域，var无法进行限制，let不会存在该…...
ValueError: You cannot perform fine-tuning on purely quantized models.
在使用peft 微调8bit 或者4bit 模型的时候，可能会报错： You cannot perform fine-tuning on purely quantized models. Please attach trainable adapters on top of the quantized model to correctly perform fine-tuning. Please see: https://huggi…...
(LeetCode 每日一题) 3442. 奇偶频次间的最大差值 I (哈希、字符串)
题目：3442. 奇偶频次间的最大差值 I 思路 ：哈希，时间复杂度0(n)。 用哈希表来记录每个字符串中字符的分布情况，哈希表这里用数组即可实现。 C版本： class Solution { public:int maxDifference(string s) {int a[26]…...
MODBUS TCP转CANopen 技术赋能高效协同作业
在现代工业自动化领域，MODBUS TCP和CANopen两种通讯协议因其稳定性和高效性被广泛应用于各种设备和系统中。而随着科技的不断进步，这两种通讯协议也正在被逐步融合，形成了一种新型的通讯方式——开疆智能MODBUS TCP转CANopen网关KJ-TCPC-CANP…...
Springboot社区养老保险系统小程序
一、前言 随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，社区养老保险系统小程序被用户普遍使用，为方…...
Hive 存储格式深度解析：从 TextFile 到 ORC，如何选对数据存储方案？
在大数据处理领域，Hive 作为 Hadoop 生态中重要的数据仓库工具，其存储格式的选择直接影响数据存储成本、查询效率和计算资源消耗。面对 TextFile、SequenceFile、Parquet、RCFile、ORC 等多种存储格式，很多开发者常常陷入选择困境。本文将从底…...
使用Matplotlib创建炫酷的3D散点图：数据可视化的新维度
文章目录 基础实现代码代码解析进阶技巧1. 自定义点的大小和颜色2. 添加图例和样式美化3. 真实数据应用示例实用技巧与注意事项完整示例（带样式）应用场景在数据科学和可视化领域，三维图形能为我们提供更丰富的数据洞察。本文将手把手教你如何使用Python的Matplotlib库创建引…...
音视频——I2S 协议详解
I2S 协议详解 I2S (Inter-IC Sound) 协议是一种串行总线协议，专门用于在数字音频设备之间传输数字音频数据。它由飞利浦（Philips）公司开发，以其简单、高效和广泛的兼容性而闻名。 1. 信号线 I2S 协议通常使用三根或四根信号线&a…...
Python Ovito统计金刚石结构数量
大家好，我是小马老师。 本文介绍python ovito方法统计金刚石结构的方法。 Ovito Identify diamond structure命令可以识别和统计金刚石结构，但是无法直接输出结构的变化情况。 本文使用python调用ovito包的方法，可以持续统计各步的金刚石结构，具体代码如下： from ovito…...
C++课设：简易日历程序（支持传统节假日 + 二十四节气 + 个人纪念日管理）
名人说：路漫漫其修远兮，吾将上下而求索。—— 屈原《离骚》 创作者：Code_流苏(CSDN)（一个喜欢古诗词和编程的Coder😊） 专栏介绍：《编程项目实战》 目录 一、为什么要开发一个日历程序？1. 深入理解时间算法2. 练习面向对象设计3. 学习数据结构应用二、核心算法深度解析…...
STM32---外部32.768K晶振（LSE）无法起振问题
晶振是否起振主要就检查两个1、晶振与MCU是否兼容；2、晶振的负载电容是否匹配 目录 一、判断晶振与MCU是否兼容 二、判断负载电容是否匹配 1. 晶振负载电容（CL）与匹配电容（CL1、CL2）的关系 2. 如何选择 CL1 和 CL…...
Spring Security 认证流程——补充
一、认证流程概述 Spring Security 的认证流程基于 过滤器链（Filter Chain），核心组件包括 UsernamePasswordAuthenticationFilter、AuthenticationManager、UserDetailsService 等。整个流程可分为以下步骤： 用户提交登录请求拦…...