Javascript 禁用复选框在输入框聚焦时启用_Javascript_Jquery_Html

Javascript 禁用复选框在输入框聚焦时启用

javascript jquery html

Javascript 禁用复选框在输入框聚焦时启用,javascript,jquery,html,Javascript,Jquery,Html,当启用任何“聚焦然后禁用”复选框时，如何执行此操作以下是我的HTML代码： <!DOCTYPE html> <html> <body> <form action="#"> User name:<br> <input type="text" name="name"> <br> User pa

当启用任何“聚焦然后禁用”复选框时，如何执行此操作

以下是我的HTML代码：

<!DOCTYPE html>
    <html>
       <body>

          <form action="#">
          User name:<br>
          <input type="text" name="name">
          <br>
          User password:<br>
          <input type="password" id="password" name="password">

          <input type="checkbox" name="email_login_details" id="email_login_details" value="Car">Email login details

<!-- Note: I want firstly disabled this checkbox. When I type password then enable this checkbox. -->

          </form>
   </body>
</html>

使用JQuery的事件处理程序

$input.FOCUSSFUNCTION{ 记录“启用复选框”； $'email\u login\u details'.removeAttr'disabled'； }; 用户名：用户密码：电子邮件登录详细信息

下面是一个工作示例，说明了您对edge案例的一些增强要求

$password.changefunction{ 让password=$password.val console.logpassword；如果密码{ console.log $email\u login\u details.removeattrIsabled； }否则{ $email\u login\u details.propchecked，false； $email\u login\u details.attrdisabled，true； } }; 用户名：用户密码：电子邮件登录详细信息

$("#password").change(function () {
            var password = $('#password').val();
            if ($(password)) {
                $("#email_login_details").removeClass("disabled");
            } else {
                $("#email_login_details").addClass("disabled");
            }
        });