在不使用JavaScript的情况下，单击复选框显示/隐藏表单元素

Question

目前，我正在用JSP制作一个表单，我需要显示几个字段，或者根据复选框的值不显示。因为我是新的JSP，我想知道它是可能在JSP做到这一点没有javascript?(问这个问题只是在情况下，用户去填写与js禁用表单字段，我的后撤是什么?)

Answer 1

第一步是将这些复选框替换为提交按钮。如果不使用JavaScript onclick="submit()"，就不能让复选框提交表单。如果有必要，你可以加入一些CSS，通过删除/改变背景/边框/插入/字体，使这些按钮看起来像一个复选框。

修改后，让JSP使用JSTL <c:if>标记等有条件地生成所需的HTML。

。

<input type="submit" class="checkbox" value="${param.showFoo ? 'x' : ' '}" /> toggle foo
<input type="hidden" name="showFoo" value="${not param.showFoo}" />
<c:if test="${param.showFoo}">
    <label for="foo">Foo</label>
    <input type="text" id="foo" name="foo" value="${fn:escapeXml(param.foo)}" />
</c:if>

加上像

这样的CSS

input[type=submit].checkbox {
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
    border: 1px gray solid;
    background: none;
    font: sans-serif 10px;
    line-height: 10px;
}