php – Jquery Button使表单可见

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了php – Jquery Button使表单可见脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我想询问何在单击按钮时使表单不可见?所以,如果我有一个名为“隐藏”的按钮和一个包含许多按钮,文本框等的表单.

然后,当我点击“隐藏”按钮时,它会隐藏所有表格和所有形式的东西,如文本框,按钮等.我有谷歌它但没有结果.我接受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>

也许有一种@L_777_8@可以让它被一个按钮看不见?

你想要这样的东西:
// code for only hide
$('#hide_button').on('click',function() {
  $('form[name="myform"]').hide();
});

Demo for hide

要使用单个按钮切换表单,您可以尝试:

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

Demo for toggle

根据comment

为了止提交:

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

请参阅此处了解.perventDefault()

脚本宝典总结

以上是脚本宝典为你收集整理的php – Jquery Button使表单可见全部内容,希望文章能够帮你解决php – Jquery Button使表单可见所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。