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

Question

目前我正在使用 JSP 制作一个表单，我需要根据复选框的值显示或不显示几个字段。由于我是 JSP 的新手，我想知道在 JSP 中是否可以在没有 javascript 的情况下执行此操作？ (问这个问题只是为了防止用户在禁用 js 的情况下填写表单字段，我的后备方案是什么？)

Answer 1

您的第一步是用提交按钮替换那些复选框。您不能在不使用 JavaScript 的情况下让复选框提交表单 onclick="submit()" .如有必要，您可以添加一些 CSS，通过删除/更改背景/边框/插图/字体，使这些按钮看起来像一个复选框。

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

例如

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