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

推荐订阅源

The GitHub Blog
The GitHub Blog
IT之家
IT之家
B
Blog RSS Feed
罗磊的独立博客
GbyAI
GbyAI
博客园 - Franky
Y
Y Combinator Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Google DeepMind News
Google DeepMind News
博客园 - 聂微东
N
Netflix TechBlog - Medium
博客园 - 三生石上(FineUI控件)
人人都是产品经理
人人都是产品经理
U
Unit 42
博客园 - 叶小钗
Jina AI
Jina AI
MyScale Blog
MyScale Blog
雷峰网
雷峰网
B
Blog
Hugging Face - Blog
Hugging Face - Blog
Blog — PlanetScale
Blog — PlanetScale
Recent Announcements
Recent Announcements
腾讯CDC
酷 壳 – CoolShell
酷 壳 – CoolShell

博客园 - 西狐

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