单击复选框显示/隐藏表单元素,而不使用JavaScript

时间:2011-12-21 15:28:07

标签: html forms jsp

目前我正在制作一个带有JSP的表单,我需要显示几个字段,或者根据复选框值不显示。由于我是JSP的新手,我想知道在没有javascript的情况下,JSP可以做到这一点吗? (只是在用户去填写js禁用的表单字段的情况下询问这个问题,我的后备是什么?)

1 个答案:

答案 0 :(得分:0)

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

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

E.g。

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