javascript中如何让两个radio同时只能选中一个

<html>
<head>
<title>测试</title>
</head>
<body leftmargin="0" topmargin="0">
<form>
	<input type="radio" name="sex1" value="male">Male
	<br>
	<input type="radio" name="sex2" value="female">Female
</form>
</html>

　　上面的这段代码里面radio的name为不同的值，所以可以都被选中，如果需要让同时只能有一个radio被选中的话，这里的name命名就需要相同了，可以试下下面的代码

<html>
<head>
<title>测试</title>
</head>
<body leftmargin="0" topmargin="0">
<form>
	<input type="radio" name="sex" value="male">Male
	<br>
	<input type="radio" name="sex" value="female">Female
</form> 

</html>

　　

javascript中如何让两个radio同时只能选中一个,布布扣,bubuko.com

时间： 2024-10-06 00:38:42

javascript中如何让两个radio同时只能选中一个的相关文章

javascript中字符串的两种定义形式

1.var s = "this is a string";  var t = "this is also a string"; s.test = 20; 2.var s = new String("this is a string"); var t = new String("this is also a string");  s.test = 20; 这两种方式有何区别? 第一种方式定义的test为s.t以及将来的所用此种形

jQuery实现table中两列CheckBox只能选中一个

//html <table id="unit"> <tr> <th>选项一</th> <th>选项二</th> <th>姓名</th> </tr> <tr> <td><input type="checkbox" /></td> <td><input type="checkbox&quo

利用html5中的classList.toggle实现给单击过得元素添加动态class类，并且每次只能选中一个

1.页面: 2.html代码: <div class="project-all"> <template v-for='(index,project) in projectData'> <div class="project" v-on:click='projectSelectFun($event,index)'>{{project.projectName}}</div> </template> <di

JavaScript中for..in循环陷阱介绍

for...in循环中的循环计数器是字符串,而不是数字它包含当前属性的名称或当前数组元素的索引,下面有个不错的示例大家可以参考下 大家都知道在JavaScript中提供了两种方式迭代对象: (1)for 循环: (2)for..in循环: 使用for循环进行迭代数组对象,想必大家都已经司空见惯了.但是,使用for.. in循环时,大家可要注意了,为什么这么说呢?大家听我娓娓道来.... javascript提供了一种特殊的循环(也就是for .. in循环),用来迭代对象的属性或数组的每个元素,

[译]JavaScript中,{}+{}等于多少?

[译]JavaScript中,{}+{}等于多少? 原文:http://www.2ality.com/2012/01/object-plus-object.html 最近,Gary Bernhardt在一个简短的演讲视频“Wat”中指出了一个有趣的JavaScript怪癖:在把对象和数组混合相加时,会得到一些你意想不到的结果.本篇文章会依次讲解这些计算结果是如何得出的. 在JavaScript中,加法的规则其实很简单,只有两种情况:你只能把数字和数字相加,或者字符串和字符串相加,所有其他类型的值

JavaScript中的this（你不知道的JavaScript）

JavaScript中的this,刚接触JavaScript时大家都在大肆渲染说其多么多么的灵巧重要,然而自己并不关心:随着自己对JavaScript一步步深入了解,突然恍然大悟,原来它真的很重要!所以,自己花费了大约2周的时间去查贴.翻阅之前读的书籍,将this的全貌展示如下. 一.this是什么--基于调用位置的上下文:调用位置不同,this值不同. 大家都JavaScript中this存在两个误解: (1)this指向函数自身 (2)this指向函数的作用域 作用域无法通过JavaScri

javascript中的正则表达式学习

一.前言 关于正则表达式自身的语法这里不做过多介绍(详情可参见http://www.php100.com/manual/unze.html),这里仅仅解释javascript中和正则表达式相关的几个方法的使用. 二.javascript中的RegExp对象 在javascript中,有两种方法可以构建正则: 正则表达式字面量 RegExp构造器 RegExp对象有以下属性: global:如果标识g,则为true ignoreCase:如果标识i被使用,则为true lastIndex:下一次e

JavaScript中null和undefined的区别

在JavaScript中存在这样两种原始类型:Null与Undefined.这两种类型常常会使JavaScript的开发人员产生疑惑,在什么时候是Null,什么时候又是Undefined? Undefined类型只有一个值,即undefined.当声明的变量还未被初始化时,变量的默认值为undefined.Null类型也只有一个值,即null.null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象. js 代码 var oValue; alert(oValue == undefi

JavaScript 中变量、作用域和内存问题的学习

这是我学习JavaScript的第二篇文章,之前做过几年的Java开发,发现JavaScript虽然也是面向对象的语言但是确实有很多不同之处.就本篇博客,主要学习总结一下最近学习到的JavaScript的知识,其中有些是网络上的,不过对于理解JavaScript,和在工作总是会很实用的,所以总结了下来: 那么就开始吧,首先是变量 在JavaScript中变量分为两种:一种是基本类型,基本类型值在内存中占用固定大小的空间,因此被保存在栈内存中.从一个变量向另一个变量复制基本类型的值,会创建这个值的