如何从jQuery复选框树中获取选定的节点项
How to get the selected node items from jQuery checkbox tree
我使用jQuery生成复选框树,无法从树列表中获取选中的节点。请帮我一下。
这是我的代码:-
<script type="text/javascript">
//<!--
$(document).ready(function() {
$('#tabs').tabs({
cookie: { expires: 30 }
});
$('.jquery').each(function() {
eval($(this).html());
});
$('.button').button();
});
//-->
</script>
jQuery checkboxTree插件演示
项目主页<code class="jquery" lang="text/javascript">
$('#tree1').checkboxTree({
initializeUnchecked: 'collapsed',
collapse: function(){
alert('collapse event triggered (passed as option)');
},
expand: function(){
alert('expand event triggered (passed as option)');
},
check: function(n){
alert('Hi there!!!'+n);
},
uncheck: function(n){
alert('Hi there!!!'+n);
}
});
</code>
<ul id="tree1">
<li><input type="checkbox"><label>Node 1</label>
<ul>
<li><input type="checkbox"><label>Node 1.1</label>
<ul>
<li><input type="checkbox"><label>Node 1.1.1</label>
</ul>
</ul>
<ul>
<li><input type="checkbox"><label>Node 1.2</label>
<ul>
<li><input type="checkbox"><label>Node 1.2.1</label>
<li><input type="checkbox"><label>Node 1.2.2</label>
<li><input type="checkbox"><label>Node 1.2.3</label>
<ul>
<li><input type="checkbox"><label>Node 1.2.3.1</label>
<li><input type="checkbox"><label>Node 1.2.3.2</label>
</ul>
<li><input type="checkbox"><label>Node 1.2.4</label>
<li><input type="checkbox"><label>Node 1.2.5</label>
<li><input type="checkbox"><label>Node 1.2.6</label>
</ul>
</ul>
<li><input type="checkbox"><label>Node 2</label>
<ul>
<li><input type="checkbox"><label>Node 2.1</label>
<ul>
<li><input type="checkbox"><label>Node 2.1.1</label>
</ul>
<li><input type="checkbox"><label>Node 2.2</label>
<ul>
<li><input type="checkbox"><label>Node 2.2.1</label>
<li><input type="checkbox"><label>Node 2.2.2</label>
<li><input type="checkbox"><label>Node 2.2.3</label>
<ul>
<li><input type="checkbox"><label>Node 2.2.3.1</label>
<li><input type="checkbox"><label>Node 2.2.3.2</label>
</ul>
<li><input type="checkbox"><label>Node 2.2.4</label>
<li><input type="checkbox"><label>Node 2.2.5</label>
<li><input type="checkbox"><label>Node 2.2.6</label>
</ul>
</ul>
</ul>
请帮我一下。
您应该能够使用:checked选择器。以下内容应返回tree1元素中的所有复选框。
var checkedCheckboxes = $('#tree1 input[type="checkbox"]:checked');
相关文章:
- JavaScript:在XML中搜索节点并从该节点获取数组
- JsTree从未渲染的节点获取html属性
- 如何从jstree中的选定节点获取所有子节点
- 如何从同级节点获取数据
- 始终如一地从 XML 节点获取文本
- 如何使用节点获取发送 cookie
- 使用 jQuery 从 Chrome 中的 XML 节点获取内部 XML
- angular js路由中提供的TemplateURL是't从节点获取响应时加载所需的文件
- 从javascript中的选择性节点获取文本
- 使用递归函数从父节点获取数据
- 如何在没有选择器的情况下从父节点获取子节点
- 从Unirest节点获取请求函数发送响应到Jade视图
- 节点获取接收空正文
- 在Javascript中解析XML时从父节点获取属性
- 使用Javascript或jQuery从子节点获取父跨度标题值
- 使用React和Bacon从节点获取EventStream
- 从元素中的子节点获取值
- 如何从节点获取当前用户
- 有没有一种方法可以让子控制器继承服务呢?从其父节点获取
- 反应;父节点从子节点获取输入数据