正在从jstree中提取选定的复选框
Fetching selected checkboxes from jstree
我有一个带有复选框的jstree。当我选择一个节点并单击按钮时,我将获得该节点的名称。但现在我想允许多选,这样我就为jstree的每个元素分配了复选框。不,我如何才能获得所选节点的c=值。我也想允许搜索,但我不知道怎么做。
我已经启用了ssearch插件。这是我的代码
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<style>
html { margin:0; padding:0; font-size:62.5%; }
body { max-width:300px; min-width:100px; padding:20px 10px; font-size:14px; font-size:1.4em; }
h1 { font-size:1.8em; }
.demo { overflow:auto; border:1px solid silver; min-height:100px; }
</style>
<link rel="stylesheet" href="style.min.css" />
</head>
<body>
<div id="frmt" class="demo"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="jstree.min.js"></script>
<button>>></button>
<script>
$('#html').jstree();
$('#frmt').jstree({
'core': {
'data':[{"id":"NODE 1","text":"node 1","children":[{"id","node 2","text":"node2"}]}]
},
"checkbox" : {
"whole_node" : false,
"keep_selected_style" : true,
"three_state" : true,
"tie_selection" : false
}, "search" : {
"fuzzy" : true
},"plugins" : [ "checkbox", "search", "state", "wholerow", "types", "selectopens" ]
});
$('#frmt').on("changed.jstree", function (e, data) {
console.log(data.selected);
});
$('button').on('click', function () {
alert($('#frmt').jstree("get_selected"));
});
</script>
</body>
</html>
您可以通过获取
alert($('#frmt').jstree("get_checked"));
您可以简单地声明一个数组并在复选框上循环,以识别哪些复选框被选中并存储它。
var checked_ids = [];
$("#frmt").jstree("get_checked",null,true).each
(function () {
checked_ids.push(this.id);
});
相关文章:
- 如何在angularJS中编辑时,如果DB中的值为true,则设置复选框,如果值为false,则取消选中复选框
- 正在验证8个真/假复选框或复选框中的2个
- 为复选框javascript指定两个值
- 如何在单击复选框后调用控制器方法
- 从复选框和Selects-KnockoutJS中获取值的总和
- 选中多个具有相同名称的复选框
- 使用Jquery选择或取消选择ListView中的所有复选框
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- 使用$.ajax发布多个复选框
- AngularJS单选筛选不适用于Name、Description和Field4复选框值
- 正在从jstree中提取选定的复选框
- 如何从javascript中的复选框中提取内容
- 使用 Javascript 提取复选框的值
- 从动态复选框的父级中提取类名
- Javascript 数据仅提取数组的第一项,该数组放入使用 iCheck 复选框输入的数据名称字段中
- 从PHP中提取的目录列表中的jQuery prop父复选框
- 提取复选框值并在不发送表单的情况下发送
- 从html表单中提取带有值和id的UI元素,忽略null元素和FALSE复选框
- 如何遍历Div并提取单个复选框值
- 使用索引从复选框中提取值