文档章节

单选按钮的取消与选中

tianyawhl
 tianyawhl
发布于 2016/10/31 10:48
字数 153
阅读 16
收藏 0
<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都会只选中一个。

© 著作权归作者所有

tianyawhl
粉丝 8
博文 258
码字总数 136550
作品 0
常州
前端工程师
私信 提问
android单选按钮的问题

我遇到这样的问题 页面上只有一个单选按钮,我的目的是: 如果该单选按钮已经选中的话,点击后,应该是取消选中; 如果该单选按钮未选中的话,点击后,应该是选中状态。 这样能实现吗?我怎么...

天王盖地虎626
2014/09/22
721
5
jquery 表单取值常用代码

jquery操作表单元素代码 /* 假设在一个表单中有一个按钮id="save" $(document).ready(function(){ $("#save").click(function(){ $("#save").attr("disabled",true);//设为不可用 $("#form1"......

夏日晚晴天
2014/01/16
111
2
实现自定义样式的Radio Button

有如下HTML片段: 此时的页面: 思路: 可为label元素前用伪类增加新的内容(自定义的Radio样式)。 用CSS让新增的样式(背景色)随着单选按钮的选中和取消而变化。 隐藏真正的单选按钮。 第...

摆渡者
2018/01/27
1K
0
android RadioGroup

RadioGroup的父控件是:LinearLayout RadioGroup是一个单选按钮组,RadioGroup 可将各自不同的RadioButton ,在RadioGroup 中的各个radiobutton是互斥的,也就是说,这些radiogroup中单选按钮...

amigos_wu
2012/06/11
1K
0
Android 中文 API (34) —— RadioGroup

一、结构     public class RadioGroup extends LinearLayout java.lang.Object   android.view.View   android.view.ViewGroup   android.widget.LinearLayout   android.widge......

walb呀
2017/12/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

mysql概览

学习知识,首先要有一个总体的认识。以下为mysql概览 1-架构图 2-Detail csdn |简书 | 头条 | SegmentFault 思否 | 掘金 | 开源中国 |

程序员深夜写bug
今天
9
0
golang微服务框架go-micro 入门笔记2.2 micro工具之微应用利器micro web

micro web micro 功能非常强大,本文将详细阐述micro web 命令行的功能 阅读本文前你可能需要进行如下知识储备 golang分布式微服务框架go-micro 入门笔记1:搭建go-micro环境, golang微服务框架...

非正式解决方案
今天
6
0
前端——使用base64编码在页面嵌入图片

因为页面中插入一个图片都要写明图片的路径——相对路径或者绝对路径。而除了具体的网站图片的图片地址,如果是在自己电脑文件夹里的图片,当我们的HTML文件在别人电脑上打开的时候图片则由于...

被毒打的程序猿
今天
8
0
Flutter 系列之Dart语言概述

Dart语言与其他语言究竟有什么不同呢?在已有的编程语言经验的基础上,我们该如何快速上手呢?本篇文章从编程语言中最重要的组成部分,也就是基础语法与类型变量出发,一起来学习Dart吧 一、...

過愙
今天
5
0
rime设置为默认简体

转载 https://github.com/ModerRAS/ModerRAS.github.io/blob/master/_posts/2018-11-07-rime%E8%AE%BE%E7%BD%AE%E4%B8%BA%E9%BB%98%E8%AE%A4%E7%AE%80%E4%BD%93.md 写在开始 我的Arch Linux上......

zhenruyan
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部