jsTree -当checkbox为ticket时调用函数，并获取所有已勾选的复选框
jsTree是一个基于jQuery的开源插件，用于创建交互式的树形结构。它提供了丰富的功能和选项，可以轻松地创建可折叠、可拖拽、可编辑的树形结构。
在使用jsTree时，可以通过设置checkbox属性为"ticket"来创建带有复选框的树形结构。当复选框为"ticket"时，可以通过调用函数来处理已勾选的复选框。
以下是一个示例代码，演示了如何使用jsTree来实现该功能：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jsTree Example</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
</head>
<body>
<div id="jstree"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
<script>
$(function() {
$('#jstree').jstree({
'core': {
'data': [
{
"text": "Node 1",
"children": [
{
"text": "Child 1",
"state": {
"checkbox": "ticket"
}
},
{
"text": "Child 2",
"state": {
"checkbox": "ticket"
}
}
]
},
{
"text": "Node 2",
"children": [
{
"text": "Child 3",
"state": {
"checkbox": "ticket"
}
},
{
"text": "Child 4",
"state": {
"checkbox": "ticket"
}
}
]
}
]
},
'plugins': ['checkbox']
});
$('#jstree').on('changed.jstree', function(e, data) {
var checkedNodes = data.instance.get_checked(true);
var checkedValues = [];
for (var i = 0; i < checkedNodes.length; i++) {
checkedValues.push(checkedNodes[i].text);
}
console.log(checkedValues);
// 在这里调用你的函数，处理已勾选的复选框
});
});
</script>
</body>
</html>在上述代码中，我们首先引入了jsTree的CSS和JavaScript文件。然后，在一个具有唯一ID的div元素中创建了一个jsTree实例。通过设置checkbox属性为"ticket"，我们创建了带有复选框的树形结构。当复选框状态发生改变时，通过监听changed.jstree事件，可以获取所有已勾选的复选框，并将其值存储在checkedValues数组中。
你可以根据实际需求，在console.log(checkedValues);后面调用你的函数，对已勾选的复选框进行处理。
关于jsTree的更多详细信息和用法，请参考腾讯云的产品介绍链接地址：jsTree - 腾讯云产品介绍
相关·内容
有没有办法在jstree中勾选复选框时调用函数？我有下面的例子，每当树中的复选框被勾选时，我想调用函数"getImages“，而且我想要收集这个函数中所有被勾选的复选框。你知道怎么做吗？
$('#container').<em
浏览 16提问于2018-01-17得票数 0
回答已采纳
当复选框已勾选/未勾选但无法获取checkbox.checked时，Im正在尝试执行函数，因为它显示为未定义。html：打字：console
浏览 2提问于2019-08-31得票数 10
回答已采纳
1回答
未勾选时无法读取复选框
、、、
我正在尝试检查复选框是否已勾选，但当复选框未被勾选时，它将不起作用，并给出错误："TypeError: Cannot read property 'PrivateCheck‘of undefined“，并使用以下代码指向行： let isprivare = req.body['PrivateCheck']; 这是我试图从其中获取输入的
浏览 18提问于2019-05-11得票数 1
回答已采纳
1回答
我正在创建一个应用程序，用户将数据输入到表单中，然后点击按钮，打开一个电子邮件应用程序，并将其发送到输入的电子邮件地址。我有3个复选框，一个是询问用户是否想要回电话，一个是想要回电子邮件，另一个是说不，谢谢这两个。= ticketSummary(name, phone, asset, location, issue,然后调用上面所有内容的方法是, issue);
ticketMessage += "
浏览 1提问于2017-08-11得票数 0
如果选中复选框，则返回值为：如果未选中复选框，则不会收到任何响应： <label for="
浏览 1提问于2017-03-07得票数 0
3回答
复选框部分的html如下所示：
<input type="checkbox" name="activity[]" value="run" id="run" /><label for="run">Run<当我处理表单时，假设前两个复选框是勾选的，当php执行时。['activity
浏览 2提问于2011-01-12得票数 0
2回答
我正在使用来自github的最新jstree提交，并将checkbox插件作为我表单的一部分。我使用带有"real_checkboxes“属性的树。一切都很好，除了复选框插件实际上没有添加任何更改的属性属性到隐藏字段，它似乎也没有一个外部函数，可以让我钩住创建自定义功能。
当复选框被勾选或取消勾选时，我是否可以理解和监
浏览 0提问于2011-07-15得票数 1
回答已采纳
在JQUERY中，有没有办法在勾选或取消勾选复选框时触发函数？
注意:我不想要“点击”功能，因为我使用另一个按钮来同时勾选或取消勾选20个复选框。(在这种情况下，我只有一次单击，但实际上我需要做20次“单击”函数，每勾选20个复选框一个)我不想做循环，因为我正在使用分页和其他东西，我正在寻找更简单的</
浏览 2提问于2010-08-03得票数 0
回答已采纳
我在我的SPFX (sharePoint框架，ReactJS/TypeScript)创建的webpart表单上有复选框。每次NOT部件启动时，所有的复选框都被选中(勾选)，我希望它们不被勾选。它们将正确地提交到列表中(如果我将它们更改为已勾选/未已勾选)，但它们总是以已<e
浏览 29提问于2021-01-07得票数 0
回答已采纳
包含列username、permission_name的表PERMISSION_DETAIL包含授予或拒绝的权限的详细信息checkbox1.enabled = false;
现
浏览 3提问于2011-03-08得票数 1
回答已采纳
(industry)"> </label><br/></div> } vm.industries.pop(industry)
}
浏览 3提问于2017-02-03得票数 0
回答已采纳
2回答
我有这样的意见：然而，当表单被提交并且没有选中复选框时，我会得到一个null，而不是一个false。我希望提交一个假的.
我觉得如果我给输入一个默认值unchecked，它会返回false而不是null，就像我勾选，然后取消对输入的勾选，得到false。那
浏览 3提问于2014-11-01得票数 0
回答已采纳
4回答
我使用的复选框看起来像这样：<input type="checkbox" id="my2_4" name="my2_4" />
<input type="checkbox" id="my2_5" n
浏览 0提问于2012-01-22得票数 0
我有一个包含复选框的表单。选中或取消选中每个复选框时，它都会执行一个调用.post函数的.change函数。此.post函数启动一个更新数据库的PHP脚本，该脚本将状态设置为1(选中)或0(未选中)。当我逐个选中或取消选中每个复选框时，这很好用，但当我尝试使用check/uncheck-all jquery函数一次选中或取消选中
浏览 1提问于2011-05-23得票数 0
回答已采纳
在某些情况下，如果某些验证失败，我希望启用并取消勾选该复选框。= true; _numberOfInvalidCells++;}
这一切都很好，复选框变为启用状态且未勾选然后，用户可以选择勾选该框以确认详细信息是否正确，并重新验证该行。在数据网格的每一行上都有一个按钮，用户可以单击该按钮来执行此功能。因
浏览 2提问于2012-01-13得票数 2
回答已采纳
我有一个名为Select All的复选框。当我单击此选项时，我的Gridview中的所有其他复选框都会被选中。但我希望当网格内的任何复选框将被取消选中时，此全选复选框将自动取消选中。
浏览 0提问于2013-06-26得票数 2
2回答
我有一个包含几个项目的网格，每个行的开头都有一个复选框。我还在网格顶部有一个“选择所有”复选框。这种情况类似于我们的gmail或雅虎收件箱。我的问题是，假设我禁用了一个复选框，然后单击“选中所有复选框”，则不应选中已禁用的复选框。有什么解决办法吗？我已附上相关代码如下。id="headerChkbox" OnCheckedChanged=&qu
浏览 3提问于2011-08-22得票数 0
回答已采纳
3回答
我有一个带有多个复选框值的表单。我想检索选中的值，并在其他php表单上播放这些值。xyzhtml.php(html表格) { echo &
浏览 0提问于2011-02-17得票数 0
回答已采纳
如何用javascript勾选所有的复选框并通过id引用一些复选框？
但我想除未选中复选框id 111和id 222外function js_fn() {
var all_checkbox_inputs = document.getElementsByTagName(
浏览 2提问于2016-05-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
