问题,举个例子吧:
你是否会横穿马路?
1.会,原因有以下几种:
A.原因1
B.原因2
2.不会,原因有以下几种:
C.原因1
D.原因2
我自己能做到把单选框多选框都做出来,但是当我选中1的时候,2中的复选框也可以点击,我想解决,如何在点击1之后,只能点击1中的俩个原因,2中的原因不能点击
我要用HTML做一个问卷调查,其中一个问题代码不会
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答 默认 最新
- 前端互助会 2022-01-18 12:12关注
思路
点击会,就设置不会的原因disabble 为true,让其不能选择;反之;
效果代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $(".js-hui").click(function(){ //点击会,设置不会的原因不能选择 document.getElementById('hyy1').disabled = false; document.getElementById('hyy2').disabled = false; document.getElementById('bhyy1').disabled = true; document.getElementById('bhyy2').disabled = true; }); $(".js-buhui").click(function(){ //点击不会,设置会的原因不能选择 document.getElementById('hyy1').disabled = true; document.getElementById('hyy2').disabled = true; document.getElementById('bhyy1').disabled = false; document.getElementById('bhyy2').disabled = false; }); }); </script> </head> <body> <p>你是否会横穿马路?</p> <p> <input type="radio" name="vehicle" value="会" class="js-hui">会<br> <p> <input type="checkbox" name="vehicle" value="原因1" id="hyy1">原因1<br> <input type="checkbox" name="vehicle" value="原因2" id="hyy2">原因2 </p> </p> <p> <input type="radio" name="vehicle" value="会" class="js-buhui">不会<br> <p> <input type="checkbox" name="vehicle" value="原因1" id="bhyy1">原因1<br> <input type="checkbox" name="vehicle" value="原因2" id="bhyy2">原因2 </p> </p> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 2无用
悬赏问题
- ¥15 如何将下列的“无限压缩存储器”设计出来
- ¥15 下图接收小电路,谁知道原理
- ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
- ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
- ¥15 手机接入宽带网线,如何释放宽带全部速度
- ¥30 关于#r语言#的问题:如何对R语言中mfgarch包中构建的garch-midas模型进行样本内长期波动率预测和样本外长期波动率预测
- ¥15 ETLCloud 处理json多层级问题
- ¥15 matlab中使用gurobi时报错
- ¥15 这个主板怎么能扩出一两个sata口
- ¥15 不是,这到底错哪儿了😭