Html onload函数和onclick在jsp中不起作用_Html_Hide

Html onload函数和onclick在jsp中不起作用

html

Html onload函数和onclick在jsp中不起作用,html,hide,Html,Hide,我试图隐藏一个字段，这取决于一个单选按钮的点击，但它不起作用。另外，如果我想在一次单击时隐藏一组字段，请给出建议。我不能在表内使用div，我也尝试过使用tbody标记，但仍然不起作用 <head> <title>Insert title here</title> <script language=javascript> function hide() { var div_ref = document.getElementsByTagId("

我试图隐藏一个字段，这取决于一个单选按钮的点击，但它不起作用。另外，如果我想在一次单击时隐藏一组字段，请给出建议。我不能在表内使用div，我也尝试过使用tbody标记，但仍然不起作用

<head>
<title>Insert title here</title>
<script language=javascript>
function hide() {
    var div_ref = document.getElementsByTagId("trr");
      div_ref.style.visibility = "hidden";

}
function show() {
    var div_ref = document.getElementById("trr");
      div_ref.style.visibility = "visible";
}
</script>
</head>
<body onload="hide()">
<h1> Translate HSM</h1>
<form action="" method="post">
    <table style="with: 50%">

        <tr id="trr" >
            <td >Enter HSM IP Address</td>
            <td><input type="text" name="ip_address" /></td>
        </tr>
        <tr>
            <td>Please Select Option for Read the HSM keys</td>
            <td><input type="radio" name="readOption" value="manual" onclick="hide()">Enter keys Manually</td>
        </tr>
        <tr>
            <td></td>
            <td><input type="radio" name="readOption" value="DB" onclick="show()">Read HSM Keys from DB</td>
        </tr>
    </table>
</form>


在此处插入标题
函数hide（）{
var div_ref=document.getElementsByTagId（“trr”）；
div_ref.style.visibility=“隐藏”；
}
函数show（）{
var div_ref=document.getElementById（“trr”）；
div_ref.style.visibility=“可见”；
}
翻译HSM
输入HSM IP地址
请选择读取HSM键的选项
手动输入键
从数据库读取HSM密钥

语句

getElementsByTagId

上是否有打字错误？应该是

getElementById

函数隐藏（）{
var div_ref=document.getElementById（“trr”）；
div_ref.style.visibility=“隐藏”；
}
函数show（）{
var div_ref=document.getElementById（“trr”）；
div_ref.style.visibility=“可见”；
}


翻译HSM
输入HSM IP地址
请选择读取HSM键的选项
手动输入键
从数据库读取HSM密钥

我认为默认情况下，您也应该预先选择“从数据库读取HSM密钥”，否则无论选择哪一个选项，HSM文本字段都将显示。对我来说，这似乎是UI设计中的一个逻辑错误。是的，它现在可以工作了。这是打字错误：-P谢谢Brickowski先生：-）好的，为了测试，我特意删除了它。我这里有个小问题。我可以在一个onlick上调用两个函数吗？因为我有两个组（字段组），它们应该在单个字段上可见和不可见。如果我点击手动。。第一组应可见，其他组应不可见…如果选择了DB，则第一组应不可见，第二组应可见？技术上，是的。i、 e.您可以将html编写为onclick=“functionA（）；函数b（）；”。但这将是另一个话题，它是否是一个好的实践，它取决于应用程序设计。有许多方法可以实现切换两个组的可见性。例如概括可见性切换机制，使其将组的id作为参数（将其命名为function toggleGroup（groupId））。然后toggleGroup（）将适合不同的组。在radio onclick事件下，发出一个函数（比如radioOnclick（））。在radioOnclick（）下，发出两个toggleGroup（）调用。这是一种可能的方法。