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

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

java javascript html jsp

Java 单击一个复选框后，必须在同一页面中打开新复选框,java,javascript,html,jsp,Java,Javascript,Html,Jsp,嗨，我想在我选中一个复选框的地方进行设计。下面是我编写的一个小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代码

<%@ 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>


JSP示例
网络：
网络

服务器

int

这里有3个复选框。当我选中一个复选框名称“网络”时，我想使ui类似于“名称服务器”复选框出现，当我选中“名称服务器”复选框“互联网出现”时。

network

<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>

服务器

int

函数RevelServer（）{
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；
}否则{
serverBox.style.display=“无”；
document.getElementById（'internetBox'）.style.display=“无”；
}
}
函数revealInternet（）{
var server=document.getElementById（'server'）；
var internetBox=document.getElementById（'internetBox'）；
if（server.checked==true）{
internetBox.style.display=“block”；
document.getElementById（'internet'）。checked=false；
}否则{
internetBox.style.display=“无”；
}
}

很抱歉所有的

getElementById

调用，您可能可以使用JQuery以更简洁的方式执行，而

getElementByTagName

和类似的方法并不普遍支持

这也将清除每次折叠树时复选框的状态。

看看这个链接，我想这是你想要做的事情：@ganzux非常感谢你，先生，祝你有一个愉快的一天。上帝保佑你……）你说的出现是什么意思？选中“网络”复选框时是否要选中“服务器”复选框，反之亦然？或者它与复选框的可见性有关？非常感谢你，这对我的大学项目意义重大：）嘿@Gorb，你能给我这个jquey的代码吗