前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >单选按钮的取消与选中 原

单选按钮的取消与选中 原

作者头像
tianyawhl
发布于 2019-04-04 08:33:07
发布于 2019-04-04 08:33:07
3.7K00
代码可运行
举报
文章被收录于专栏:前端之攻略前端之攻略
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<body>  
                <form>  
                        <input type="radio" name='radio' value="1" onclick='check(this)'>单选一  
                          <input type="radio" name='radio' value="2" onclick='check(this)'>单选二    
                </form>  
                <script language="javascript">  
                    var tempradio= null;    
                    function check(checkedRadio)    
                    {    
                        if(tempradio== checkedRadio){  
                            //tempradio.checked=false; 这句跟下面一句都可以 
							checkedRadio.checked=false;  
                            tempradio=null;  
                          }   
                           else{  
                               tempradio= checkedRadio;    
                            }  
                     }    
                </script>  
			<!-- 第一点击时传入单选对象,执行else,把这个对象赋给tempradio,第二次点击时checkedRadio这个对象就等于tempradio这个对象,执行if  tempradio.checked=false;  又把tempradio 赋值为null, 然后不停的循环-->	
				
        </body>  

在一个form中的单选按钮,同一个name都会只选中一个。

(adsbygoogle = window.adsbygoogle || []).push({});

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016/10/31 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
AngularDart Material Design 单选按钮 顶
具有材料风格的单选按钮。 通常与material-radio-group一起使用。 选中后,无法通过用户操作取消选中相同的单选按钮。
南郭先生
2018/09/30
3.5K0
CSS实现最简洁的单选折叠菜单
不到万不得已的时候千万别引入前端UI框架,因为HTML5和CSS3已经能实现绝大多数的功能,比如上期的《CSS实现最简洁的开关》只用了不到50行css就实现了带动画的material design风格的开关:
Jean
2021/10/27
5.4K0
CSS实现最简洁的单选折叠菜单
Vue.js -表单控件绑定 原
基础用法 你可以用v-model指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素,但v-model本质上不过是语法糖,它负责监听用户的输入事件以更新数据,并特别处理一些极端的例子,v-model 会忽略所有表单元素的value 、checked、selected特性的初始值。因为它会选择Vue实例数据来作为具体的值。你应该通过JavaScript在组件的data选项中声明初始值 文本
tianyawhl
2019/04/04
5.8K0
React 单选按钮 Radio Button 详解
单选按钮(Radio Button)是 Web 开发中常用的表单控件之一,用于在多个选项中选择一个。在 React 中,使用单选按钮可以非常方便地管理状态和用户交互。本文将从基础概念出发,逐步深入探讨 React 中单选按钮的常见问题、易错点及如何避免,并通过代码案例进行详细解释。
Jimaks
2024/12/12
2560
React 单选按钮 Radio Button 详解
HTML单选表格和多选表格实现
单选表格 1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont
治电小白菜
2020/08/25
7.8K0
HTML单选表格和多选表格实现
JavaScript学习笔记(一)
wdm,这个寒假越过越长… 寒假在家学习JavaScript的相关知识,写博客作为笔记 我是以清华大学出版社的《JavaScript从入门到项目实践》作为学习用书的
wsuo
2020/07/31
3.3K0
JavaScript学习笔记(一)
按钮随复选框选中与取消变换样式 原
//$("input:checkbox[value='1']").attr("checked","checked"); //首先根据后台传进来的value值来设置初始状态为选择还是不选中,如果value为1设置checked为true,注意true不要加引号,并找到最后一列改变class,如果值为0 改变class与html内容 //为checkbox加change事件 如果存在checked属性执行更换class,变化内容,设置checked为false,如果不存在checked属性则执行相应的代码。注意if里面要if($(this).attr("checked")不能写成if($(this).attr("checked")==true) 
tianyawhl
2019/04/04
1.4K0
radio与checkbox
最近一直在学习Javascript与asp.net MVC4,每天都在跟着书学习。这样总感觉自己看的很抽象,没有点实际的意义。而且,每次看的东西很容易忘记,所以打算在这里记录自己的学习笔记。 Javascript已经看了不少天了,本文主要讲述的是radio与checkbox。 1.radio radio又称单选框,它是html表单中的单选按钮。通常单选按钮是成组出现的,是互斥的,每次只能选取一个。当点击按钮的时候,就会触发onclick事件。通过属性checked判断按钮是否被选中。声明的语法如下:<inp
水击三千
2018/02/27
2.3K0
《最新出炉》系列初窥篇-Python+Playwright自动化测试-25-处理单选和多选按钮-中篇
上一篇中宏哥讲解和介绍的单选框有点多,而且由于时间的关系,宏哥决定今天讲解和分享复选框的相关知识。
北京-宏哥
2023/10/31
4370
《最新出炉》系列初窥篇-Python+Playwright自动化测试-24-处理单选和多选按钮-上篇
在工作和生活中,经常会遇到我们需要进行选择的情况,比如勾选我们选择性别,男女两个性别总是不能同时选中的,再比如我们在选择兴趣爱好时,我们可以选择多个自己感兴趣的话题,比如:篮球、足球、电竞等话题。我们在执行自动化测试的过程中,必须要学会处理这样的情况。在实际自动化测试过程中,我们同样也避免不了会遇到单选和多选的测试,特别是调查问卷或者是答题系统中会经常碰到。因此宏哥在这里直接分享和介绍一下,希望小伙伴或者童鞋们在以后工作中遇到可以有所帮助。
北京-宏哥
2023/10/25
1.5K0
小白前端入门笔记(21),表单里如何添加单选按钮?
大家好,欢迎来到freecodecamp HTML专题第21篇,我们今天来聊聊单选按钮的使用。
TechFlow-承志
2021/04/16
1.9K0
小白前端入门笔记(21),表单里如何添加单选按钮?
如何在JavaScript中获取单选按钮组的值?
在实际业务开发中,我们常常需要获取用户选择的单选按钮的值,比如用户在注册时选择性别、问卷调查时选择答案等。今天,我们就来聊聊如何在JavaScript中获取单选按钮组的值。
前端达人
2024/11/25
1.1K0
如何在JavaScript中获取单选按钮组的值?
安卓开发_单选按钮控件(RadioButton)的简单使用
最近复习安卓基础的时候发现没有写关于单选按钮、复选按钮的博客,可能因为以前学习的时候感觉太简单了就没有写,现在补上吧 当我们在各种客户端注册账号的时候,会有几项单选项,比如选择您的性别。下面就是学习怎么实现这种效果 一、安卓中,单选按钮用RadioButton表示,因为RadioButton是Button的子类,所以可以使用Button的各种属性 RadioButton一般是不单独使用的需要结合RadioGroup控件一起使用,将若干个RadioButton放在一个RadioGroup中,那么将只能选择Ra
听着music睡
2018/05/18
3.5K0
软件测试|web自动化测试神器playwright教程(二十二)
工作和生活中,经常会遇到我们需要进行选择的情况,比如勾选,或者我们选择性别,男女两个性别总是不能同时选中的,比如我们在选择兴趣爱好时,我们可以选择多个自己感兴趣的话题,比如篮球足球电竞等话题。我们在执行自动化测试的过程中,必须要学会处理这样的情况。
霍格沃兹测试开发Muller老师
2023/07/31
2840
《刚刚问世》系列初窥篇-Java+Playwright自动化测试-27- 操作单选和多选按钮 - 上篇(详细教程)
在工作和生活中,经常会遇到我们需要进行选择的情况,比如:勾选我们选择性别,男女两个性别总是不能同时选中的,再比如:我们在选择兴趣爱好时,我们可以选择多个自己感兴趣的话题,比如:篮球、足球、电竞等话题。我们在实际工作中进行自动化测试的过程中,必须要学会处理这种单选和多选的情况。在实际自动化测试过程中,我们同样也避免不了会遇到单选和多选的测试,特别是调查问卷或者是答题系统中会经常碰到。因此宏哥在这里直接分享和介绍一下,希望小伙伴或者童鞋们在以后工作中遇到可以有所帮助或者参考。
北京-宏哥
2025/02/10
2100
《刚刚问世》系列初窥篇-Java+Playwright自动化测试-27- 操作单选和多选按钮 - 上篇(详细教程)
《手把手教你》系列技巧篇(三十四)-java+ selenium自动化测试-单选和多选按钮操作-中篇(详解教程)
今天这一篇宏哥主要是讲解一下,如何使用list容器来遍历单选按钮。大致两部分内容:一部分是宏哥在本地弄的一个小demo,另一部分,宏哥是利用JQueryUI网站里的单选按钮进行实战。
北京-宏哥
2021/10/28
1.1K0
《手把手教你》系列技巧篇(三十四)-java+ selenium自动化测试-单选和多选按钮操作-中篇(详解教程)
《手把手教你》系列技巧篇(三十三)-java+ selenium自动化测试-单选和多选按钮操作-上篇(详解教程)
  在实际自动化测试过程中,我们同样也避免不了会遇到单选和多选的测试,特别是调查问卷或者是答题系统中会经常碰到。因此宏哥在这里直接分享和介绍一下,希望小伙伴或者童鞋们在以后工作中遇到可以有所帮助。
北京-宏哥
2021/10/26
2.1K0
Android 开发第七讲 RadioButton (单选按钮)
之前我们响应按钮事件都是直接通过匿名内部类的方式. new一个对象来实现OnClick方法.
IBinary
2020/09/01
1.5K0
Android 开发第七讲 RadioButton (单选按钮)
checkbox(复选框)和radio(单选按钮)的区别与详解
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/139147.html原文链接:https://javaforall.cn
全栈程序员站长
2022/08/23
6.3K0
checkbox(复选框)和radio(单选按钮)的区别与详解
【前端寻宝之路】学习和使用表单标签和表单控件
type属性 可以通过对type进行对应的取值来控制input的类型. 注意:表单控件要搭配表单域进行编写
ImAileen
2024/03/24
1660
【前端寻宝之路】学习和使用表单标签和表单控件
推荐阅读
相关推荐
AngularDart Material Design 单选按钮 顶
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验