Javascript 单击一个按钮，然后激活另一个按钮_Javascript_Jquery

Javascript 单击一个按钮，然后激活另一个按钮

javascript jquery

Javascript 单击一个按钮，然后激活另一个按钮,javascript,jquery,Javascript,Jquery,我想单击第一个按钮，然后激活第二个按钮。第二个按钮激活后，第一个按钮将被禁用。我写了下面的代码，但它不工作。问题在哪里 <!DOCTYPE html> <html> <head> <title>Edit Page</title> </head> <body> <input type="submit" name="submit" value="button1" id="bt1"> <input t

我想单击第一个按钮，然后激活第二个按钮。第二个按钮激活后，第一个按钮将被禁用。我写了下面的代码，但它不工作。问题在哪里

<!DOCTYPE html>
<html>
<head>
<title>Edit Page</title>
</head>
<body>
<input type="submit" name="submit" value="button1" id="bt1">
<input type="button" name="button" value="button2" id="bt2" disabled="disabled">
</body>
<script>
$(function(){
        $("#bt1").click(function(){
            $(this).attr("disabled", "disabled");
            $("#bt2").removeAttr("disabled");
        });

        $("#bt2").click(function(){
            $(this).attr("disabled", "disabled");
            $("#bt1").removeAttr("disabled");
        });
    });
</script>


</html>


编辑页面
$（函数（）{
$（“#bt1”）。单击（函数（）{
$（此）.attr（“已禁用”、“已禁用”）；
$（“#bt2”）.removeAttr（“禁用”）；
});
$（“#bt2”）。单击（函数（）{
$（此）.attr（“已禁用”、“已禁用”）；
$（“#bt1”）.removeAttr（“禁用”）；
});
});

您的代码非常完美，只需添加jQuery库，它就会开始工作

请点击此处：-

$（函数（）{
$（“#bt1”）。单击（函数（）{
$（此）.attr（“已禁用”、“已禁用”）；
$（“#bt2”）.removeAttr（“禁用”）；
});
$（“#bt2”）。单击（函数（）{
$（此）.attr（“已禁用”、“已禁用”）；
$（“#bt1”）.removeAttr（“禁用”）；
});
});

编辑页面
在head标记的顶部包含jQuery库文件，如下所示：
<html>
<head>
<title>Edit Page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>$(function(){
$("#bt1").click(function(){
$(this).attr("disabled", "disabled");
$("#bt2").removeAttr("disabled");
});

$("#bt2").click(function(){
$(this).attr("disabled", "disabled");
$("#bt1").removeAttr("disabled");
});
});
</script>
</head>
<body>
<input type="submit" name="submit" value="button1" id="bt1">
<input type="button" name="button" value="button2" id="bt2" disabled="disabled">
</body>
</html>


编辑页面
$（函数（）{
$（“#bt1”）。单击（函数（）{
$（此）.attr（“已禁用”、“已禁用”）；
$（“#bt2”）.removeAttr（“禁用”）；
});
$（“#bt2”）。单击（函数（）{
$（此）.attr（“已禁用”、“已禁用”）；
$（“#bt1”）.removeAttr（“禁用”）；
});
});
您没有添加jQuery库文件。只有在使用fiddle之前，这才是问题所在。它工作得很好，我忘了。谢谢你记得我：）@Susant你先标记了我的答案，然后又标记了另一个人的答案？为什么？有什么具体原因吗？