AJax技术

ztree点击文字勾选checkbox,radio实现方法

字号+ 作者:H5之家 来源:H5之家 2017-09-10 15:01 我要评论( )

ztree的复选框checkbok,单选框radio是用背景图片来模拟的,所以点击文字即使用label括起checkbox,radio文字一起,点击文字也是无法勾选checkbox。 要想点击ztree节点的文字就能勾选此节点,添加onClick事件,然后调用checkNode方法勾

  ztree的复选框checkbok,单选框radio是用背景图片来模拟的,所以点击文字即使用label括起checkbox,radio文字一起,点击文字也是无法勾选checkbox。

ztree点击文字勾选checkbox,radio实现方法

  要想点击ztree节点的文字就能勾选此节点,添加onClick事件,然后调用checkNode方法勾选。

  ztree点击文字勾选checkbox,radio源代码如下,示例居于zTree_v3\demo\cn\excheck\checkbox.html修改,自己可以增加setting中的callback,onClick配置

var setting = { check: { enable: true }, callback: { onClick: function (e, treeId, treeNode, clickFlag) { zTree.checkNode(treeNode, !treeNode.checked, true); } }, //...其他配置 }, zTree; $(document).ready(function () { zTree = $.fn.zTree.init($("#treeDemo"), setting, zNodes); });

 


原创文章,转载请注明出处:ztree点击文字勾选checkbox,radio实现方法

2015-12-18Web开发网

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JavaScript/Ajax开发技巧

    JavaScript/Ajax开发技巧

    2017-08-19 13:00

网友点评
i