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

lovelovelove · 发表于 2020-3-8 20:30:01

六个单选，每个单选后有三个复选框，选择其中一个单选后只能选对应的三个复选，其它的复选不让选，并且如果其它的单选按钮还让选，并且如果重新选择了其它的单选，则能选择的复选框也相应的改变。

hannah2222 · 发表于 2020-5-29 17:00:01

js 控制一下

lovelovelove · 发表于 2020-5-29 21:15:01

怎么弄啊？不太会，能帮忙说清楚一点吗？
谢谢啊！

fatfat1102 · 发表于 2020-6-2 18:00:01

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script>

function radioClick(radio){

if(radio=="radio1"){

var checks=document.getElementsByName("checkbox1");
for(i=0;i<checks.length;i++){

checks[i].disabled=null;
}
var checks=document.getElementsByName("checkbox2");
for(i=0;i<checks.length;i++){

checks[i].disabled=true;
}
}
else if(radio=="radio2"){
alert("ff");
var checks=document.getElementsByName("checkbox2");
for(i=0;i<checks.length;i++){

checks[i].disabled=null;
}
var checks=document.getElementsByName("checkbox1");
for(i=0;i<checks.length;i++){

checks[i].disabled=true;
}
}

}
</script>
</head>

<body>
<input type="radio" id="rd" name="rd" value="radio1" onclick="radioClick(this.value);">radio1
<input type="checkbox" name="checkbox1" value="checkbox1-1">checkbox1-1
<input type="checkbox" name="checkbox1" value="checkbox1-2">checkbox1-2
<input type="checkbox" name="checkbox1" value="checkbox1-3">checkbox1-3
<input type="radio" id="rd" name="rd" value="radio2" onclick="radioClick(this.value);">radio2
<input type="checkbox" name="checkbox2" value="checkbox2-1">checkbox2-1
<input type="checkbox" name="checkbox2" value="checkbox2-2">checkbox2-2
<input type="checkbox" name="checkbox2" value="checkbox2-3">checkbox2-3
</body>

</html>

echosl · 发表于 2020-6-5 19:00:02

可以用checkbox的disabled属性实现

liteding · 发表于 2020-6-7 23:15:01

用JS限制一下，name相同的checkbox是一组
然后选中一组的中一个以后，其他的都改成disable就可以了

chma5000 · 发表于 2020-6-8 15:15: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">
function test(){
var c0=document.getElementsByName('c0');
var c1=document.getElementsByName('c1');
var one=document.getElementsByName('one');
if(one[0].checked){
for(i=c0.length;i>0;i--) {c1[i-1].checked=false;c0[i-1].checked=true;}
}
if(one[1].checked){
for(i=c1.length;i>0;i--) {c0[i-1].checked=false;c1[i-1].checked=true;}
}
}

  </SCRIPT>
</HEAD>

<BODY>
<INPUT TYPE="radio" NAME="one" onclick=test() /><INPUT TYPE="checkbox" NAME="c0"><INPUT TYPE="checkbox" NAME="c0"><INPUT TYPE="checkbox" NAME="c0"><br>
<INPUT TYPE="radio" NAME="one" onclick=test() /><INPUT TYPE="checkbox" NAME="c1"><INPUT TYPE="checkbox" NAME="c1"><INPUT TYPE="checkbox" NAME="c1"><br>
</BODY>
</HTML>

chma5000 · 发表于 2020-6-8 18:15:01

不好意思，上面的不合楼主要求剩下的用disable吧

lovelovelove · 发表于 2020-6-10 15:00:02

非常感谢！搞好了

shenjiaen · 发表于 2020-6-21 09:45:01

我给你个,我这个是用循环遍历的，在给复选框命名是要小心点
<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">
function check(){
var radio=document.getElementsByName('radio');
for(flag=0;flag<radio.length;flag++)
{
if(radio[flag].checked){
var res = "chk"+flag;
var checkbox = document.getElementsByName(res);
for(i=0;i<checkbox.length;i++)
{
checkbox[i].checked=true;
checkbox[i].disabled =false;
}
}
else
{
var res = "chk"+flag;
var checkbox = document.getElementsByName(res);
for(i=0;i<checkbox.length;i++)
{
checkbox[i].checked=false;
checkbox[i].disabled =true;
}
}
}
}

  </SCRIPT>
</HEAD>

<BODY>
<INPUT type="radio" name="radio" onclick=check() />

<INPUT type="checkbox" name="chk0">
<INPUT type="checkbox" name="chk0">
<INPUT type="checkbox" name="chk0">
<br>
<INPUT type="radio" name="radio" onclick=check() />
<INPUT type="checkbox" name="chk1">
<INPUT type="checkbox" name="chk1">
<INPUT type="checkbox" name="chk1">
<br>
<INPUT type="radio" name="radio" onclick=check() />
<INPUT type="checkbox" name="chk2">
<INPUT type="checkbox" name="chk2">
<INPUT type="checkbox" name="chk2">
<br>
<INPUT type="radio" name="radio" onclick=check() />
<INPUT type="checkbox" name="chk3">
<INPUT type="checkbox" name="chk3">
<INPUT type="checkbox" name="chk3">
<br>
<INPUT type="radio" name="radio" onclick=check() />
<INPUT type="checkbox" name="chk4">
<INPUT type="checkbox" name="chk4">
<INPUT type="checkbox" name="chk4">
<br>
<INPUT type="radio" name="radio" onclick=check() />
<INPUT type="checkbox" name="chk5">
<INPUT type="checkbox" name="chk5">
<INPUT type="checkbox" name="chk5">
<br>
</BODY>
</HTML>

		自动登录	找回密码
密码			立即注册