当前位置： 首页 > news >正文

JQuery判断radio（单选框）是否选中和获取选中值方法总结

news 2026/4/23 20:45:34

        使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等，详细如下：

一、利用获取选中值判断选中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery radio</title>
<script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" ></script>
<script type="text/javascript" language="javascript">
 /*------判断radio是否有选中，获取选中的值--------*/
    $(function(){
         $("#btnSubmit").click(function(){
            var val=$('input:radio[name="sex"]:checked').val();
            if(val==null){
                alert("什么也没选中!");
                return false;
            }else{
                alert(val);
            }
            var list= $('input:radio[name="list"]:checked').val();
            if(list==null){
                alert("请选中一个!");
                return false;
            }else{
                alert(list);
            }           
         });
     });
</script>
</head>
 
<body>
<form id="form1" >
<input type="radio"  name="sex" value="男" />男
<input type="radio" name="sex" value="女" />女
<br />
<input type="radio"  name="list" value="十分满意" />十分满意
<input type="radio" name="list" value="满意" />满意
<input type="radio" name="list" value="不满意" />不满意
<input type="radio" name="list" value="非常差" />非常差
<br />
<input type="submit" value="submit"  id="btnSubmit" />
</form>
</body>
</html>

2、使用checked属性判断选中

 <script type="text/javascript">
        $(function () {
            $("input").click(function () {
                if ($(this).attr("checked")) {
                    alert("选中了");
                }
            });
        });
    </script>
</head>
<body>
<input type="radio"/>
</body>
</html> 

3、jquery获取radio单选按钮的值

function checkradio(){ 
        var item = $(":radio:checked"); 
        var len=item.length; 
        if(len>0){ 
          alert("yes--选中的值为："+$(":radio:checked").val()); 
        } 
} 

4、获取一组radio被选中项的值

var item = $('input[name=items][checked]').val();   

5、设置单选按钮被选中

$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 

6、取消radio选中

$('input[name=items].removeAttr("checked");

$('input[name=items].attr("checked",false);

相关文章：

JQuery判断radio（单选框）是否选中和获取选中值方法总结

使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等&#xff0c;详细如下&#xff1a; 一、利用获取选中值判断选中 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.…...

编程日记 2023/8/12 20:02:32

Effective Python 读书笔记

文章目录 前言第1章&#xff1a;用Pythonic方式来思考 1. 用Pythonic方式来思考 2. 遵循PEP8风格3. 了解bytes, str, unicode区别4. 用辅助函数取代复杂表达式5. 了解切割序列的方法6. 单次切片操作内&#xff0c;不要同时指定start, end, stride 7. 用列表推导取代map, filter…...

编程日记 2023/8/12 20:01:31

Monge矩阵

Monge矩阵 对一个m*n的实数矩阵A&#xff0c;如果对所有i&#xff0c;j&#xff0c;k和l&#xff0c;1≤ i<k ≤ m和1≤ j<l ≤ n&#xff0c;有 A[i,j]A[k,l] ≤ A[i,l]A[k,j] 那么&#xff0c;此矩阵A为Monge矩阵。 换句话说&#xff0c;每当我们从矩阵中挑…...

编程日记 2023/8/12 20:00:29

（5）所有角色数据分析页面的构建-5

所有角色数据分析页面&#xff0c;包括一个时间轴柱状图、六个散点图、六个柱状图(每个属性角色的生命值/防御力/攻击力的max与min的对比)。 """绘图""" from pyecharts.charts import Timeline from find_type import FindType import pandas …...

编程日记 2023/8/12 19:59:28

专利进阶(三)：专利撰写资料汇总

文章目录 一、前言二、资料汇总三、拓展阅读 一、前言 在专利撰写前&#xff0c;需要首先了解专利撰写所需遵守的基本规则。可以借助的撰写工具是什么。文献检索在哪里&#xff1f;注意事项是什么&#xff1f;本篇博文会就以上问题进行逐一解答。 专利撰写基本原则&#xff1…...

编程日记 2023/8/12 19:58:27

maven编译始终提示无效的目标发行版的解决方法

摘自个人印象笔记2021-05-07&#xff1a;https://app.yinxiang.com/fx/55e1d5f4-aeea-446a-a768-0f1a48195f5b(图显示不完整可查看原笔记内容)1&#xff1a;确保IDE中的编译版本正确 在idea中&#xff0c;主要看项目属性中和setting的java compiler中对应的jdk版本是否正确&…...

编程日记 2023/8/12 19:57:26

系统架构设计高级技能 · 软件可靠性分析与设计（三）【系统架构设计师】

系列文章目录 系统架构设计高级技能 软件架构概念、架构风格、ABSD、架构复用、DSSA&#xff08;一&#xff09;【系统架构设计师】 系统架构设计高级技能 系统质量属性与架构评估&#xff08;二&#xff09;【系统架构设计师】 系统架构设计高级技能 软件可靠性分析与设计…...

编程日记 2023/8/12 19:56:25

界面控件DevExpress WPF Chart组件——拥有超快的数据可视化库！

DevExpress WPF Chart组件拥有超大的可视化数据集&#xff0c;并提供交互式仪表板与高性能WPF图表库。DevExpress Charts提供了全面的2D / 3D图形集合&#xff0c;包括数十个UI定制和数据分析/数据挖掘选项。 PS&#xff1a;DevExpress WPF拥有120个控件和库&#xff0c;将帮助…...

编程日记 2023/8/12 19:55:23

【网络安全】等保测评安全物理环境

【网络安全】等保测评&安全物理环境 前言第1章 安全物理环境1.1 物理位置选择1.2 物理访问控制&#xff08;高风险项&#xff09;1.3 防盗窃1.4 防雷击1.5 防火1.6 防水防潮1.7 防静电1.8 温湿度控制1.9 电力供应1.10 电磁防护 前言 等级保护对象是由计算机或其他信息终端…...

编程日记 2023/8/12 19:54:21

Intellij IDEA 导入 eclipse web 项目详细操作

Eclipse当中的web项目都会有这两个文件。但是idea当中应该是没有的&#xff0c;所以导入会出现兼容问题。但是本篇文章会教大家如何导入&#xff0c;并且导入过后还能使用tomcat运行。文章尽可能以图片的形式进行演示。我的idea使用的版本是2022.3.3版本。当然按正常来说版本之…...

编程日记 2023/8/12 19:53:20

安卓java A应用切换到B应用，来回切换不执行OnCreate

需求&#xff1a;安卓java如何做到A应用切换到B应用&#xff0c;如果B应用没启动就启动&#xff0c;如果B应用已经启动就仅仅切换到B应用。B应用再切换回A应用&#xff0c;不要重复执行OnCreate! 在 A 应用中的&#xff1a; 在 A 应用中&#xff0c;如果你希望在切换回 B 应用…...

编程日记 2023/8/12 19:52:19

【Linux】批量恢复文件权限

批量恢复文件权限 Linux 中&#xff0c;如果意外误操作将根目录目录权限批量设置&#xff0c;比如 chmod -R 777 / &#xff0c;系统中的大部分服务以及命令将无法使用&#xff0c;这时候可以通过系统自带的 getfacl 命令来拷贝和还原系统权限&#xff0c;若是其他系统目录被误…...

编程日记 2023/8/12 19:51:18

数据可视化（八）堆叠图，双y轴，热力图

1.双y轴绘制 #双Y轴可视化数据分析图表 #add_subplot() dfpd.read_excel(mrbook.xlsx) x[i for i in range(1,7)] y1df[销量] y2df[rate] #用来正常显示负号 plt.rcParams[axes.unicode_minus]False figplt.figure() ax1fig.add_subplot(1,1,1)#一行一列&#xff0c;第一个区域…...

编程日记 2023/8/12 19:50:16

前台自动化测试：基于敏捷测试驱动开发(TDD)的自动化测试原理

一、自动化测试概述 自动化测试主要应用到查询结果的自动化比较&#xff0c;把借助自动化把相同的数据库数据的相同查询条件查询到的结果同理想的数据进行自动化比较或者同已经保障的数据进行不同版本的自动化比较&#xff0c;减轻人为的重复验证测试。多用户并发操作需要自动…...

编程日记 2023/8/12 19:49:12

基于SLAM的规划算法仿真复现｜SLAM｜智能规划

图片来自百度百科 前言 那么这里博主先安利一些干货满满的专栏了&#xff01; 首先是博主的高质量博客的汇总&#xff0c;这个专栏里面的博客&#xff0c;都是博主最最用心写的一部分&#xff0c;干货满满&#xff0c;希望对大家有帮助。 高质量博客汇总https://blog.csdn.n…...

编程日记 2023/8/12 19:48:11

sqlite3多线程操作问题

在项目中使用sqlite3&#xff0c;有时会报database is locked 两种方式 1、多线程读&#xff0c;多线程写&#xff0c;只使用共同一个数据库连接&#xff0c;即使用同一个SQLiteHelper连接&#xff0c;调用sqlite3_busy_timeout 2、多线程读&#xff0c;单线程写&#xff0c;每…...

编程日记 2023/8/12 19:47:10

ACCESS数据库增删改查

[添加COM组件] A: Microsoft ADO Ext. 2.8 for DDL and Security B: Microsoft ActiveX Data Objects 2.8 Library [添加头文件]using System.Data.OleDb; using System.Data; using ADOX; using System.IO; using System; using System.Collections.Generic; using System.L…...

编程日记 2023/8/12 19:46:08

动捕系统mockup_optitrack替换为VRPN传递信息

motive&#xff1a;启动→载入已有→layout选择capture→view选择data streming→复选marker右键create刚体→rename刚体→修改local interface为本机ip→勾选vrpn ROS端&#xff1a;roslaunch vrpn_client_ros vrpn_efy.launch 记得修改server地址为motiveip地址 关掉motive…...

编程日记 2023/8/12 19:45:07

【服务平台】Rancher运行和管理Docker和Kubernetes，提供管理生产中的容器所需的整个软件堆栈

Rancher是一个开源软件平台&#xff0c;使组织能够在生产中运行和管理Docker和Kubernetes。使用Rancher&#xff0c;组织不再需要使用一套独特的开源技术从头开始构建容器服务平台。Rancher提供了管理生产中的容器所需的整个软件堆栈。　 完整软件堆栈 Rancher是供采用容器的团…...

编程日记 2023/8/12 19:44:06

二叉树的完全性检验

给定一个二叉树的 root &#xff0c;确定它是否是一个 完全二叉树 。 在一个 完全二叉树 中&#xff0c;除了最后一个关卡外&#xff0c;所有关卡都是完全被填满的&#xff0c;并且最后一个关卡中的所有节点都是尽可能靠左的。它可以包含 1 到 2h 节点之间的最后一级 h 。 示…...

编程日记 2023/8/12 19:43:04

Roo-Code宣布停运-IDE插件赛道的黄昏与云端Agent的黎明

Roo Code 宣布停运&#xff1a;IDE 插件赛道的黄昏与云端 Agent 的黎明方向&#xff1a;AI工具 / 开发工具 / 趋势思考2026年4月22日晚间&#xff0c;一条消息在程序员群体里炸开了锅&#xff1a;Roo Code 将于2026年5月15日正式停运。 300万装机量&#xff0c;VS Code 插件市场…...

编程新知 2026/4/23 20:39:49

科技赋能娱乐：超元力XR无轨黑暗乘骑的技术创新与体验革新

在科技与娱乐深度融合的当下&#xff0c;游乐产品的核心竞争力已从单纯的刺激感&#xff0c;转向沉浸式、互动性与创新性的综合体验。超元力XR无轨黑暗乘骑凭借全球首创的技术架构&#xff0c;将XR、AGV、动感控制等前沿技术与传统黑暗乘骑相结合&#xff0c;实现了技术与体验的…...

编程新知 2026/4/23 19:40:49

找出1000之内的所有完数

找出1000之内的所有完数 *5种不同风格**的C语言程序来实现这个功能。 这些方法涵盖了从基础入门到算法优化，再到递归和不同控制流的写法。 已知1000以内的完数有：6, 28, 496。 方法一：基础暴力解法（最易理解） 这是最直观的写法。外层循环遍历1到1000，内层循环寻找该数…...

编程新知 2026/4/23 19:02:47

用STM32F103RCT6驱动4寸ST7796S屏，从接线到显示图片的保姆级教程

STM32F103RCT6驱动4寸ST7796S液晶屏全流程实战指南 第一次拿到STM32开发板和4寸液晶屏时&#xff0c;看着密密麻麻的引脚和陌生的专业术语&#xff0c;确实容易让人望而生畏。但别担心&#xff0c;本文将手把手带你完成从硬件连接到软件调试的全过程。不同于简单的代码复制粘贴…...

编程新知 2026/4/23 17:48:28

pycryptodomex安装避坑指南：从环境冲突到成功部署

1. 为什么pycryptodomex安装总是出问题&#xff1f; 每次看到"CommandNotFound"这个报错我就头疼。上周给客户部署加密服务时&#xff0c;在Ubuntu 18.04上安装pycryptodomex又遇到了老问题。这个库作为PyCrypto的替代品&#xff0c;本应该安装简单&#xff0c;但实际…...

编程新知 2026/4/23 16:46:14

技术分享 | 接口自动化的高复用测试方案

一 探索新测试方案的初衷 我们对近期有信创或上云改造计划的多个系统进行调研分析&#xff0c;发现相关系统具有接口参数多、关联条件复杂、请求返回格式不统一的共同特点&#xff0c;在尝试使用常规自动化测试方案建设时&#xff0c;发现了以下急需攻克的难关&#xff1a; 1…...

编程新知 2026/4/23 15:43:11

宏基因组病毒序列识别六剑客：geNomad, DeepVirFinder, VirSorter2, VIBRANT, PPR-Meta, viralVerify 实战部署与结果整合

1. 宏基因组病毒序列识别工具概述 在宏基因组研究中&#xff0c;病毒序列的识别一直是个技术难点。传统的BLAST比对方法虽然直观&#xff0c;但面对海量数据时效率低下&#xff0c;且容易遗漏新型病毒。近年来&#xff0c;随着机器学习技术的普及&#xff0c;一批专门针对病毒序…...

编程新知 2026/4/23 15:02:07

抖音下载器完整教程：3分钟掌握免费批量下载技巧

抖音下载器完整教程&#xff1a;3分钟掌握免费批量下载技巧 【免费下载链接】douyin-downloader A practical Douyin downloader for both single-item and profile batch downloads, with progress display, retries, SQLite deduplication, and browser fallback support. 抖…...

编程新知 2026/4/23 14:43:58

【Docker 27低代码集成权威指南】：20年DevOps专家亲授容器化低代码平台落地的5大避坑法则

第一章&#xff1a;Docker 27低代码平台容器集成全景认知 Docker 27 是一款面向企业级低代码开发场景深度优化的容器化运行时环境&#xff0c;其核心能力在于将可视化建模、组件编排与容器生命周期管理无缝融合。它并非 Docker CE 或 EE 的简单版本迭代&#xff0c;而是基于 Mo…...

编程新知 2026/4/23 13:59:48

别再手动记配置了！用这个批处理脚本，一键生成Windows10电脑的硬件信息报告

告别手动记录&#xff01;全自动生成Windows10硬件报告的终极批处理方案 每次接手新电脑或排查故障时&#xff0c;你是否还在重复着"WinR→输入dxdiag→截图保存"的老套流程&#xff1f;IT运维工程师张伟曾用3小时手动记录50台办公设备的配置信息&#xff0c;直到他发…...

编程新知 2026/4/23 13:27:16