javascript实现选中复选框后相关输入框变灰不可用的方法

本文实例讲述了爪哇岛描述语言实现选中复选框后相关输入框变灰不可用的方法。分享给大家供大家参考。具体如下：

在一些网站上经常会看到的这种功能，选中复选框，相关的选项为变灰色，不可用，看上去会专业一些，也是提升用户体验的一种方式。

运行效果如下图所示：

具体代码如下：

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN ' HTML标题选中复选框，相关类变灰/titlescript语言='JavaScript '！-function Selectkind(the){ var obj=the；var容器=文档。getelementbyid(' kind _ ' obj。姓名)；for(var I=0；图标容器。getelementsbytagname(' input ').长度；I){容器。getelementsbytagname(' input ')[I].disabled=obj . checked } }/////脚本元http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/heady输入类型=' checkbox '值=' 2 ' name=aa onclick=' select kind(this)'我从事游戏编程div id=' kind _ aa '输入类型=' checkbox '值=' PHP '名称=aaPHP输入类型=' checkbox '值=' ASP。net ' name=AaaSp .NETinput type=' checkbox ' value=' Java ' name=aaJava/divinput type=' checkbox ' value=' 1 ' name=bb onclick=' select kind(this)'平时不上网div id=' kind _ bb '输入类型=' checkbox '值=' Baidu。com ' name=bbbaidu。com输入类型=' checkbox '值=' 163。com ' name=bb 163。com输入类型=' checkbox '值=' JB 51。net ' name=bbjb 51。net/div/body/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。