Javascript 在选择任何元素之前，如何禁用按钮？

我们可以禁用按钮“下一步”和“上一步”，直到用户选择树视图的任何元素

换句话说，用户应该从树视图中选择一个元素 然后它应该选择“下一步”和“上一步”按钮，但在此之前它们被禁用

我在我的示例中使用树状视图

这是

您可以使用禁用页面加载按钮：

$('#next,#pre').prop('disabled',true);

并在选择元素后重新启用它：

$('#tree').on("select_node.jstree", function (e, data) { 
    $('#next,#pre').prop('disabled',false);

---

在dom就绪事件中插入以下语句

$('#next,#pre').attr('disabled',true);

或

绑定以下事件，以便一旦用户选择了元素中的任何一个，它将被启用

$('#tree').on("select_node.jstree", function (e, data) { 
    $('#next,#pre').prop('disabled',false);
   // your code here
}

试试下面的代码

首先在html中为两个按钮放置

disabled=“true”

<button id="next" disabled="true">next</button>
<button id="pre" disabled="true">pre</button>

这是

最简单的解决方案可能只是在页面加载时禁用按钮。然后，只要在用户单击树中的元素后重新启用它们：

$(document).ready(function() {
    // ADDED
    $('button').attr("disabled","disabled");

$('#tree').on("select_node.jstree", function (e, data) { 
    alert("node_children: " + data.node.children);
    $('#tree').jstree(true).toggle_node(data.node);
    // ADDED
    $('button').removeAttr("disabled");  
});

---

你的小提琴没有反应，我只是在页面上点击了10多次。。但没有任何反应你能看一下这个问题吗请看这个问题

<button id="next" disabled="true">next</button>
<button id="pre" disabled="true">pre</button>

$('#tree').on("select_node.jstree", function (e, data) { 
    alert("node_children: " + data.node.children);
    $('#tree').jstree(true).toggle_node(data.node); 
$('#next, #pre').removeAttr("disabled");                                                       

 }); 

$(document).ready(function() {
    // ADDED
    $('button').attr("disabled","disabled");

$('#tree').on("select_node.jstree", function (e, data) { 
    alert("node_children: " + data.node.children);
    $('#tree').jstree(true).toggle_node(data.node);
    // ADDED
    $('button').removeAttr("disabled");  
});