VerySource

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
12
返回列表 发新帖
楼主: lovelovelove

六个单选,每个单选后有三个复选框,选择其中一个单选后只能选对应的三个复选,其它的

[复制链接]

2

主题

7

帖子

6.00

积分

新手上路

Rank: 1

积分
6.00
发表于 2020-6-22 15:45:01 | 显示全部楼层
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <SCRIPT LANGUAGE="JavaScript">
  
  var n=-1;
        function test(){
                var radio=document.getElementsByName('one');
                for(var i=0;i<radio.length;i++){
                        if(radio[i].checked){
                                var checkbox=document.getElementsByName('c'+i);
                                for(var j=0;j<checkbox.length;j++){
                                        checkbox[j].disabled=false;
                                }
                                if(n!=-1){
                                        checkbox=document.getElementsByName('c'+n);
                                        for(var j=0;j<checkbox.length;j++){
                                                checkbox[j].disabled=true;
                                        }
                                }
                                n=i;
                                break;
                        }
                }
               
        }

  </SCRIPT>
</HEAD>

<BODY>

   <INPUT TYPE="radio" NAME="one" onclick=test() />
   <INPUT TYPE="checkbox" NAME="c0" disabled>
   <INPUT TYPE="checkbox" NAME="c0" disabled>
   <INPUT TYPE="checkbox" NAME="c0" disabled>
   <br>
   <INPUT TYPE="radio" NAME="one" onclick=test() />
   <INPUT TYPE="checkbox" NAME="c1" disabled>
   <INPUT TYPE="checkbox" NAME="c1" disabled>
   <INPUT TYPE="checkbox" NAME="c1" disabled>
   <br>
   <INPUT TYPE="radio" NAME="one" onclick=test() />
   <INPUT TYPE="checkbox" NAME="c2" disabled>
   <INPUT TYPE="checkbox" NAME="c2" disabled>
   <INPUT TYPE="checkbox" NAME="c2" disabled>
   <br>
   <INPUT TYPE="radio" NAME="one" onclick=test() />
   <INPUT TYPE="checkbox" NAME="c3" disabled>
   <INPUT TYPE="checkbox" NAME="c3" disabled>
   <INPUT TYPE="checkbox" NAME="c3" disabled>
   <br>
   <INPUT TYPE="radio" NAME="one" onclick=test() />
   <INPUT TYPE="checkbox" NAME="c4" disabled>
   <INPUT TYPE="checkbox" NAME="c4" disabled>
   <INPUT TYPE="checkbox" NAME="c4" disabled>
   <br>
   <INPUT TYPE="radio" NAME="one" onclick=test() />
   <INPUT TYPE="checkbox" NAME="c5" disabled>
   <INPUT TYPE="checkbox" NAME="c5" disabled>
   <INPUT TYPE="checkbox" NAME="c5" disabled>
   <br>
   <INPUT TYPE="radio" NAME="one" onclick=test() />
   <INPUT TYPE="checkbox" NAME="c6" disabled>
   <INPUT TYPE="checkbox" NAME="c6" disabled>
   <INPUT TYPE="checkbox" NAME="c6" disabled>
   <br>
   <INPUT TYPE="radio" NAME="one" onclick=test() />
   <INPUT TYPE="checkbox" NAME="c7" disabled>
   <INPUT TYPE="checkbox" NAME="c7" disabled>
   <INPUT TYPE="checkbox" NAME="c7" disabled>
   <br>

</BODY>
</HTML>
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|CopyRight © 2008-2023|verysource.com ( 京ICP备17048824号-1 )

快速回复 返回顶部 返回列表