7

我想问一下如何在单击按钮时使表单不可见？所以，如果我有一个名为“隐藏”的按钮和一个包含许多按钮、文本框等的表单。

然后，当我单击“隐藏”按钮时，它将隐藏所有表单和表单中的所有内容，例如文本框、按钮等。我用谷歌搜索但没有结果。我接受使用 Jquery、JS 或 php 语言的答案，因为我正在使用该语言程序。

例如我的表格是这样的：

<form name="myform" method="post" action="<?php $_SERVER['PHP_SELF']; ?>">
    <table>
        <tr>
            <td>ID</td>
            <td>:</td>
            <td><input type="text" maxlength="15" name="clientid" /></td>
            <td><input type="submit" name="cariclientid" value="Search" /></td>
            <td width="50px"></td>
            <td>ID</td>
            <td>:</td>
            <td><input type="text" maxlength="15" name="orderid" /></td>
            <td><input type="submit" name="cariorderid" value="Search" /></td>
        </tr>
        <tr>
            <td>No.</td>
            <td>:</td>
            <td><input type="text" maxlength="15" name="veh" /></td>
            <td><input type="submit" name="carikendaraan" value="search" /></td>
            <td></td>
            <td>Nama Sopir</td>
            <td>:</td>
            <td><input type="text" maxlength="15" name="sopir" /></td>
            <td><input type="submit" name="carisopir" value="Cari" /></td>
        </tr>
        <tr>
            <td>Waktu Berangkat</td>
            <td>:</td>
            <td><input type="text" name="tglb" id="datetimepicker" /></td>
            <td><input type="submit" name="cariberangkat" value="Cari" /></td>
            <td></td>
            <td>Waktu Pulang</td>
            <td>:</td>
            <td><input type="text" name="tglp" id="datetimepicker2" /></td>
            <td><input type="submit" name="caripulang" value="Cari" /></td>
        </tr>
    </table>
</form>

也许有一种方法可以通过按钮使其不可见？

4

1 回答 1

12

你想要这样的东西：

// code for only hide
$('#hide_button').on('click', function() {
  $('form[name="myform"]').hide();
});

隐藏演示

对于使用单个按钮切换表单，您可以尝试：

$('#your_button').on('click', function() {
   $('form[name="myform"]').toggle();
});

切换演示

根据评论

为了防止提交：

$('form[name="myform"]').submit(function(e) {
   e.preventDefault();
   // Your code
});

请参阅此处了解.perventDefault()

于 2012-12-19T08:24:18.700 回答