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')
});

单击图像重置文本字段

2 个答案: