如果单击按钮，则使用Jquery隐藏/取消隐藏文本框

Using Jquery to hide/unhide the textbox if button is clicked

本文关键字：隐藏 取消 文本 Jquery 按钮 单击 如果      更新时间：2023-09-26

我有一个输入按钮，我想要的是如果用户单击该按钮，那么文本框就会出现。

以下是不起作用的代码：

<input type="submit" value="Add Second Driver" id="driver" />
                    <input type="text" id="text" />
$("#driver").click(function() {
    $('#text').show();
  }
 });

此外，文本框最初不应可见

您可以使用toggle；

$('#text').toggle();

在没有参数的情况下，.toggle()方法只需切换元素的可见性

试试这个：

$(document).ready(function(){
    $("#driver").click(function(){
       $("#text").slideToggle("slow");
  });
});

下面是一个使用切换的示例：

http://jsfiddle.net/x5qYz/

<input type="submit" value="Add Second Driver" id="driver" />
<input type="text" id="text" style="display:none;" />
$("#driver").click(function() {
    $('#text').css('display', 'block');
});

$(function()
{
    // Initially hide the text box
    $("#text").hide();
    $("#driver").click(function()
    {
         $("#text").toggle();
         return false; // We don't want to submit anything here!
    });
});

试试这个：

<script type="text/javascript">
jQuery(function ($) {
    $('#driver').click(function (event) {
        event.preventDefault(); // prevent the form from submitting
        $('#text').show();
    });
});
</script>
<input type="submit" value="Add Second Driver" id="driver" />
<input type="text" id="text" />

在页面初始加载时隐藏文本框，如下所示

代码：

$(document).ready(function () {
$('#text').hidden();
 });

那么你应该按照你想要的方式工作。

相关文章：