jQuery jstree 获取复选框选中的值
时间: 2024-09-12 15:13:12 浏览: 64
jQuery jstree 是一个用于交互式树视图的 JavaScript 库,它在前端开发中常用于构建树形数据结构的用户界面。如果你想从 jstree 中获取复选框(通常是 `checkbox` 标签关联的节点)的选中状态及对应的值,你可以按照以下步骤操作:
1. 首先,确保你的 jstree 实例绑定了一个点击或事件监听器,以便在节点被选中或取消选中时触发。
```javascript
// 初始化 jstree
var tree = $('#your-tree-container').jstree({
// ...其他配置选项
});
tree.on('changed.jstree', function (e, data) {
var selected_nodes = data.selected;
if (selected_nodes.length > 0) {
$.each(selected_nodes, function(index, node) {
var isChecked = $(node).find('input[type="checkbox"]').is(':checked');
var value = $(node).data('value'); // 如果每个节点有 'value' 属性存储值
console.log("Node with id " + node.id + " is checked: " + isChecked + ", value: " + value);
});
}
});
```
在这个示例中,我们监听了 `'changed.jstree'` 事件,当节点选择发生改变时,我们会检查选中的节点是否包含复选框,然后获取其 `checked` 状态和关联的 `value` 数据(如果有的话)。
阅读全文
相关推荐


















