Javascript 单击按钮时使用Jquery隐藏/取消隐藏文本框

我有输入按钮，我想要的是，如果用户点击按钮，然后文本框应该出现

以下是不起作用的代码：

<input type="submit" value="Add Second Driver" id="driver" />
                    <input type="text" id="text" />

$("#driver").click(function() {

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

  }
 });

---

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

您可以使用切换

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

---

没有参数，.toggle方法只需切换元素的可见性

您可以使用toggle

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

<input type="submit" value="Add Second Driver" id="driver" />
<input type="text" id="text" style="display:none;" />

$("#driver").click(function() {
    $('#text').css('display', 'block');
});

---

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

以下是使用toggle的示例：

<input type="submit" value="Add Second Driver" id="driver" />
<input type="text" id="text" style="display:none;" />

$("#driver").click(function() {
    $('#text').css('display', 'block');
});

---

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

试试这个：

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

试试这个：

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

---

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

代码：

---

然后，你应该按照你想要的方式工作。

当页面最初像这样加载时，将文本框隐藏起来

代码：

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

试试这个：

<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" />

试试这个：

<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" />

---

我可以慢动作显示文本框和标签吗。。是的，我不希望表格被提交。是的。只需将.show改为.show'slow即可。您可以使用fadeIn或slideDown来代替默认的显示效果。我可以用慢动作显示文本框和标签吗。。是的，我不希望表格被提交。是的。只需将.show改为.show'slow即可。您可以使用fadeIn或slideDown来代替默认的显示效果。在一个“div”中同时显示它们，并对该“div”而不是“textbox”进行滑动切换在一个“div”中显示它们，并对该“div”而不是“textbox”进行滑动切换