当另一个处于活动状态时清除文本框(JavaScript)

时间:2018-02-17 01:45:19

标签: javascript jquery html

我有一些带有两个文本框的HTML:

$('#textbox1').focus(function(){
    SOMETHING HERE TO CLEAR TEXTBOX2
});

如果用户在textbox1中点击/标签(反之亦然),我想要一些能删除textbox2中任何内容的JavaScript。

我还在学习JavaScript,但我认为我需要以下内容:

aggregate

感激不尽的任何帮助!

2 个答案:

答案 0 :(得分:2)

您的焦点事件无法正常工作。应该使用hashtag符号和元素id(而不是名称)。

$('#tb1').focus(function(){
    $('#tb2').val('');
});

工作笔: https://codepen.io/Rechousa/pen/ddJXeq

答案 1 :(得分:2)

您可以通过在两个输入上绑定焦点事件然后清除未聚焦的值来完成此操作。例如:

$('#tb1, #tb2').focus(function() {
  $('#tb1, #tb2').not(this).val('');
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="tb1" type="text" name="textbox1">
<input id="tb2" type="text" name="textbox2">