asp表单表面单选后显示不同内容怎么写？

新人来了 · 发表于 2021-6-12 11:14:59

单选框有：客服人员和技术人员这两项
如果上面选择客服人员，在下面的复选框中就显示：战三历史网二马子张云
如果上面选择技术人员，在下面的复选框中就显示：一一二二散散试试章三

xuanxiao · 发表于 2021-6-12 11:22:27

ttasp.rar (649 Bytes, 下载次数: 1, 售价: 3 个ASP币)
写一个js事件函数就可以，点击后修改style display block

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>天天ASP家园</title>
</head>
<body>
    <div style="font-size:18px;" >
        <input name="test" type="radio" onclick="javascript:ttasp();" id="a">客服人员
        <input name="test" type="radio" onclick="javascript:ttasp();" id="b">技术人员
    </div>    
    <div>
       
        <div id="aa" style="display:none">
<input type="checkbox" id="cbox1" value="战三 "><label for="cbox1">战三 </label>
<input type="checkbox" id="cbox1" value="历史 "><label for="cbox1">历史 </label>
<input type="checkbox" id="cbox1" value="网二 "><label for="cbox1">网二 </label>
<input type="checkbox" id="cbox1" value="马子 "><label for="cbox1">马子 </label>
<input type="checkbox" id="cbox1" value="张云 "><label for="cbox1">张云 </label>
</div>
<div id="bb" style="display:none">
<input type="checkbox" id="cbox1" value="一一 "><label for="cbox1">一一 </label>
<input type="checkbox" id="cbox1" value="二二 "><label for="cbox1">二二 </label>
<input type="checkbox" id="cbox1" value="散散 "><label for="cbox1">散散 </label>
<input type="checkbox" id="cbox1" value="试试 "><label for="cbox1">试试 </label>
<input type="checkbox" id="cbox1" value="章三 "><label for="cbox1">章三</label>
</div>
    </div>
</body>
<script>
function ttasp() {
if (document.getElementById('a').checked) {
document.getElementById('aa').style.display = 'block';
document.getElementById('bb').style.display = 'none';
}
if (document.getElementById('b').checked) {
document.getElementById('aa').style.display = 'none';
document.getElementById('bb').style.display = 'block';
}
}
</script>
</html>

复制代码

新人来了 · 发表于 2021-6-12 16:55:41

感谢

官方Q群

天天ASP家园网友互动群

群1: 697497501(新手学习互助群)

群2: 47598123(进阶应用群)

天天ASP家园网友互动群

[求代码] asp表单表面单选后显示不同内容怎么写？

在线客服

官方Q群 天天ASP家园网友互动群 群1: 697497501(新手学习互助群) 群2: 47598123(进阶应用群)

天天ASP家园网友互动群

[求代码] asp表单表面单选后显示不同内容怎么写？

在线客服

官方Q群

天天ASP家园网友互动群

群1: 697497501(新手学习互助群)

群2: 47598123(进阶应用群)