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

非表示のデモ

1つのボタンでフォームを切り替えるには、次のことを試すことができます。

$('#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 に答える