jquery - 通过单击图像重置文本字段

Question

我有一个图像，如果单击它，另一个 div 将使用 jquery 将不透明度设置为 0。我还希望如果单击图像，我将重置文本字段。

这是我的代码。

<div id=loginExit>
    <img class='loginEXIT' src='Site_Images/close.png'>
</div>
<div id=loginForm>
    <div class=formC>
        <form name='loginForm' action='loginC.php' method='post'>
            <font face='Verdana' color=#d6d5d0 size=2>
                Email Address: &nbsp;
                <input type=text name='eadd' id=eaddtf style='width:150px;height:20px;border:1px solid #37749e;margin-bottom:5px;'>
               <br>
               Password: &nbsp;
               <input type=password name='pass' style='width:150px;height:20px;border:1px solid #37749e;margin-bottom:5px;'>
               <br>
               <input type=submit value='Login' class='login2' name=Submit style='cursor: pointer;text-decoration:none;font-size:14px; background-color:#46ae18; border:2px solid #58e01b;width:100px;'>
            </font>
        </form>
    </div>
    <div class=clear></div>
</div>


$('.loginEXIT').click(function($event){
    $('#eaddtf').val('');
    $('#login').animate({opacity:0.0},'slow')
    $('#login').animate({left:-100000},'fast')
});

我想重置的文本字段input#eaddtf。我怎样才能？

Answer 1

重置对我有用，但是您忘记将 id 放在登录按钮中

<input type=submit value='Login' class='login2' id="login" name=Submit style='cursor: pointer;text-decoration:none;font-size:14px; background-color:#46ae18; border:2px solid #58e01b;width:100px;'>

Answer 2

试试这个（我不知道为什么你的解决方案不起作用）：

$(document).on('click', '.loginEXIT', function() {
    $('#eaddtf').val('');
    $('#login').animate({opacity:0.0},'slow')
    $('#login').animate({left:-100000},'fast')
});