惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

U
Unit 42
The Cloudflare Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Y
Y Combinator Blog
G
Google Developers Blog
Vercel News
Vercel News
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Jina AI
Jina AI
Blog — PlanetScale
Blog — PlanetScale
H
Help Net Security
博客园 - 三生石上(FineUI控件)
MongoDB | Blog
MongoDB | Blog
S
SegmentFault 最新的问题
阮一峰的网络日志
阮一峰的网络日志
H
Hackread – Cybersecurity News, Data Breaches, AI and More
aimingoo的专栏
aimingoo的专栏
T
Tailwind CSS Blog
博客园 - 叶小钗
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
月光博客
月光博客
Microsoft Security Blog
Microsoft Security Blog
P
Proofpoint News Feed
The GitHub Blog
The GitHub Blog
云风的 BLOG
云风的 BLOG

博客园 - 西狐

我眼中的Java架构师 使用命令行写一个 Java Servlet 关于真正的Ajax方式上传文件 用jQuery轻松实现Div拖动 用CSS的 filter 来轻松实现图层半透明 用CSS3的 border-radius 来轻松实现图层圆角 用CSS3的 box-shadow 来轻松实现图层阴影效果 VS2010 让你的Javascript代码可以折叠 JSON 转成 C# 动态类 C# 将对象序列化为XML Lamborghini 兰博基尼 Gallardo Lamborghini 兰博基尼 Murcielago Lamborghini 兰博基尼 Reventon Lamborghini 兰博基尼 JavaScript 的 StringBuilder 无法加载"sybdrvado20.dll" 的原因和解决办法 搜狗"云"输入法,实现原理. - 西狐 - 博客园 TXT小说下载,交流 贾君鹏你妈妈喊你回家吃饭
js把 CheckBox 复选框 做成 radio 单选 的效果
西狐 · 2009-11-17 · via 博客园 - 西狐

今天帮同学实现了这一个要求,用Javascript把Checkbox实现类似于 radio 的效果

<html>
<head>
    
<title>Demo By hooyes</title>
    
<script language="javascript" type="text/javascript">
        
function addCustomCheckBox(){
           
var checkBoxName="Checkbox";
           
var c=document.getElementsByName(checkBoxName);
           
for(var k=0;k<c.length;k++){c[k].attachEvent("onclick",hooyesFnX(k));}
           
function hooyesFnX(x){ return function(){for(var l=0;l<c.length;l++){ if(x!=l){c[l].checked=false;}}}}
        }
    
</script>
</head>
<body onload="addCustomCheckBox();">
    
<input id="Checkbox1" name="Checkbox" type="checkbox" />
    
<input id="Checkbox2" name="Checkbox" type="checkbox" />
    
<input id="Checkbox3" name="Checkbox" type="checkbox" />火星人
</body>
</html>