Js实例:复选框(checkbox)类似单选按钮(radio)的效果

发布时间:2020-04-30编辑:脚本学堂
分享一例js代码,实现复选框checkbox类似单选按钮radio,点击时只能选择一个的效果。有需要的朋友参考下。

本节内容:
复选框(checkbox)类似单选按钮(radio)的js实现代码

例子:
 

复制代码 代码示例:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>复选框checkbox类似单选按钮radio - www.jb200.com</title>
</head>
<body>
<form method=post action="">
<input type="checkbox" name="aa" onclick="bb(this)">
<input type="checkbox" name="aa" onclick="bb(this)">
<input type="checkbox" name="aa" onclick="bb(this)">
<input type="checkbox" name="aa" onclick="bb(this)">
<input type="checkbox" name="aa" onclick="bb(this)">
</form>
</body>
</html>
<script language="javascript">
<!--
function bb(obj){
 var aa = document.forms[0].aa;
 for (var i = 0; i < aa.length; i++) {
  aa[i].checked = false;
 }
 obj.checked = true;
}
//-->
</script>