个人中心
gpt4 book ai didi

java - 单击一个复选框后，必须在同一页面中打开新复选框

转载 作者：行者123 更新时间：2023-12-03 12:35:24 25 4
gpt4 key购买 nike

嗨，我想在选择一个复选框时进行设计。这是我写的一小段 html 代码

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Example</title>
    </head>
    <body>
        <form method="post" action="demo3.jsp">
         Networking: <br><input type="checkbox" name="name" value="network" />network<br>
           <input type="checkbox" name="name" value="server" />server<br>
            <input type="checkbox" name="name" value="internet" />int<br>
           <input type="submit" value="go">  
        </form>
    </body>
</html>

这里有3个复选框。我想让用户界面像当我选择一个复选框名称“网络”时出现复选框名称服务器，当我选择复选框名称服务器时出现复选框互联网。

最佳答案 

<input type="checkbox" id="network" name="name" value="network" onClick="revealServer();" />network<br>
<div id="serverBox" style="display:none;">
    <input type="checkbox" id="server" name="name" value="server" onClick="revealInternet();" />server<br>
</div>
<div id="internetBox" style="display:none;">
    <input id="internet" type="checkbox" name="name" value="internet" />int<br>
</div>

<script type="text/javascript">
    function revealServer() {
        var network = document.getElementById('network');
        var serverBox = document.getElementById('serverBox');
        if(network.checked == true) {
            serverBox.style.display = "block";
            document.getElementById('server').checked = false;
            document.getElementById('internet').checked = false;
        } else {
            serverBox.style.display = "none";
            document.getElementById('internetBox').style.display = "none";
        }
    }

    function revealInternet() {
        var server = document.getElementById('server');
        var internetBox = document.getElementById('internetBox');
        if(server.checked == true) {
            internetBox.style.display = "block";
            document.getElementById('internet').checked = false;
        } else {
            internetBox.style.display = "none";
        }
    }
</script>

对所有 getElementById 调用表示抱歉，您可能可以使用 JQuery 和 getElementByTagName 以更简洁的方式执行此操作，但类似的方法并未得到普遍支持。

当您每次折叠树时，这也会清除复选框的状态。

关于java - 单击一个复选框后，必须在同一页面中打开新复选框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23755741/

25 4 0
文章推荐： javascript - 如何创建具有多个属性的单个 JSON 对象？
文章推荐： javascript - 一个链接(onclick)更改两个属性
文章推荐： javascript - HTML5 视频和音频单一来源
文章推荐： javascript - 如何选择文字？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com