checkbox 单选功能

最新推荐文章于 2019-01-09 17:52:24 发布

五千3172

最新推荐文章于 2019-01-09 17:52:24 发布

阅读量379

点赞数

分类专栏： html 文章标签： input xhtml html 文档

本文链接：https://blog.csdn.net/tangjunbin10/article/details/7695885

版权

html 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

</head>

<body>
<input type="checkbox" name="test" οnclick="checkedThis(this);">1
<input type="checkbox" name="test" οnclick="checkedThis(this);">2
<input type="checkbox" name="test" οnclick="checkedThis(this);">3
<input type="checkbox" name="test" οnclick="checkedThis(this);">4
<input type="checkbox" name="test" οnclick="checkedThis(this);">5

<script>
function checkedThis(obj){
var boxArray = document.getElementsByName('test');
for(var i=0;i<=boxArray.length-1;i++){
if(boxArray[i]==obj && obj.checked){
boxArray[i].checked = true;
}else{
boxArray[i].checked = false;
}
}
}

</script>
</body>
</html>