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

推荐订阅源

量子位
D
DataBreaches.Net
Microsoft Security Blog
Microsoft Security Blog
V
Visual Studio Blog
GbyAI
GbyAI
美团技术团队
云风的 BLOG
云风的 BLOG
大猫的无限游戏
大猫的无限游戏
小众软件
小众软件
博客园 - 叶小钗
Engineering at Meta
Engineering at Meta
博客园 - 三生石上(FineUI控件)
N
Netflix TechBlog - Medium
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
G
Google Developers Blog
博客园 - 【当耐特】
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
宝玉的分享
宝玉的分享
阮一峰的网络日志
阮一峰的网络日志
T
The Blog of Author Tim Ferriss
Y
Y Combinator Blog
U
Unit 42
P
Proofpoint News Feed
V
V2EX

博客园 - 西狐

我眼中的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>