当任何输入字段聚焦然后禁用复选框启用时，我该如何执行此操作？
这是我的代码(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:
$("#password").change(function () {
var password = $('#password').val();
if ($(password)) {
$("#email_login_details").removeClass("disabled");
} else {
$("#email_login_details").addClass("disabled");
}
});
最佳答案
下面是您所要求的对边缘情况进行一些增强的工作示例
$("#password").change(function() {
let password = $("#password").val()
console.log(password);
if (password) {
console.log()
$("#email_login_details").removeAttr("disabled");
} else {
$("#email_login_details").prop("checked", false);
$("#email_login_details").attr("disabled", "true");
}
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<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" disabled>Email login details
<!-- Note: I want firstly disabled this checkbox. When I type password then enable this checkbox. -->
</form>关于javascript - 当输入框聚焦时启用禁用复选框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59114527/