js把 CheckBox 复选框做成 radio 单选的效果

最新推荐文章于 2019-06-27 15:08:22 发布

转载最新推荐文章于 2019-06-27 15:08:22 发布 · 406 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hooyes/archive/2009/11/17/CheckBoxToRadio.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript实现的方法，能够使HTML页面中的多个Checkbox表现出类似Radio按钮的行为，即同一组内仅能选中一个。

今天帮同学实现了这一个要求,用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>

转载于:https://www.cnblogs.com/hooyes/archive/2009/11/17/CheckBoxToRadio.html