选中复选框，可以控制相关复选框变为不可选

最新推荐文章于 2022-10-29 21:01:15 发布

岁寒松柏

最新推荐文章于 2022-10-29 21:01:15 发布

阅读量2.7k

点赞数

分类专栏： javaScript 文章标签： input javascript asp.net html div 编程

本文链接：https://blog.csdn.net/xusongsong520/article/details/7857442

版权

javaScript 专栏收录该内容

122 篇文章 0 订阅

订阅专栏

非常棒的一个JS复选框控制代码,经常在网站上看到的，在很大一堆的选择框面前，如果你选择的其中一个复选框，那么和它相反的选项就会变为灰色，成为不可选

function f1(chk){

var t = document.getElementById("txt1"); t.disabled = !chk.checked;

}

</script>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>选中复选框，相关类变灰</title>
<script language="JavaScript">
  <!--
function selectKind(the){
var obj = the;
var container = document.getElementById("kind_" + obj.name);
for(var i=0;i<container.getElementsByTagName("input").length;i++)
{
container.getElementsByTagName("input")[i].disabled = obj.checked;
}

}
//-->
</script>
</head>
<body>
<input type='checkbox' value="2" name=aa οnclick="selectKind(this)">我从事游戏编程
<div id="kind_aa">
<input type='checkbox' value="php" name=aa>PHP  
<input type='checkbox' value="asp.net" name=aa>ASP.NET
<input type='checkbox' value="java" name=aa>JAVA
</div>
<input type='checkbox' value="1" name=bb οnclick="selectKind(this)">平时不上网
<div id="kind_bb">
<input type='checkbox' value="baidu.com" name=bb>baidu.com  
<input type='checkbox' value="163.com" name=bb>163.com
<input type='checkbox' value="codefans.net" name=bb>codefans.net
</div>
</body>
</html>