<button id = "openBtn">打开文件</button> <button id = "saveBtn">保存</button> <br><br> <textarea id="fileContent" cols="80" rows="30" hidden></textarea> <script> $(document).ready(function(){ $("#openBtn").click(function(){ $.ajax({ url:"ntp1.php", method:"POST", dataType:"text", success:function(data){ $("#fileContent").val(data); $("#fileContent").show(); } }); }); $("#saveBtn").click(function(){ var fileContent = $("#fileContent").val(); $.ajax({ url:"ntp1.php", method:"POST", data:{content:fileContent}, success:function(response){ alert("File saved successfully!"); $("#fileContent").hide(); } }); }); }); </script> 修改代码 让其能够实现 在点击打开按钮后 打开按钮不能再使用 只有当点击保存按钮后 才能够再次使用打开按钮

可以在打开按钮的 click 事件处理函数中添加一行代码，将打开按钮的 disabled 属性设置为 true，表示禁用该按钮，代码如下：

$("#openBtn").click(function(){
    $(this).attr("disabled", true); // 禁用打开按钮
    $.ajax({
        url:"ntp1.php",
        method:"POST",
        dataType:"text",
        success:function(data){
            $("#fileContent").val(data);
            $("#fileContent").show();
        }
    });
});

在保存按钮的 click 事件处理函数中，将打开按钮的 disabled 属性设置为 false，表示重新启用该按钮，代码如下：

$("#saveBtn").click(function(){
    var fileContent = $("#fileContent").val();
    $.ajax({
        url:"ntp1.php",
        method:"POST",
        data:{content:fileContent},
        success:function(response){
            alert("File saved successfully!");
            $("#fileContent").hide();
            $("#openBtn").attr("disabled", false); // 启用打开按钮
        }
    });
});