给TreeView的CheckBox添加双击事件

 双击父节点来控制其所有的子节点的选中状态
function CheckSubNodesExceptionSelf() {//双击父节点,父节点不选,使其所有子节点反选
    var obj = window.event.srcElement;      //获取事件对象的来源
    var CheckState; //定义一个变量,用于存储选中状态(true or false),以便于在子节点级联
    if (obj.tagName == "INPUT" && obj.type == "checkbox")    //如果事件的来源是checkbox 
    {
        CheckState = obj.checked;            //获得该checkbox的选中状态
        obj.checked = false;

        do {
            obj = obj.parentNode;
        }
        while (obj.tagName != "TABLE")
        //获得包含该checkbox的table,由于每个节点都在一个table中,因此相当于获取到节点
        obj = obj.nextSibling;           //获得该节点的兄弟节点
        if (obj != null && obj.tagName == "DIV")
        //判断该节点是否为空以及是否为一棵子树,子树包含在DIV中(且在该节点的后一个节点中),
        //而节点包含在table中
        {
            var inputs = obj.getElementsByTagName("INPUT");
            //获得该节点子树中的checkbox
            for (var i = 0; i < inputs.length; i++) {
                //inputs[i].checked = !CheckState;
                inputs[i].checked = !inputs[i].checked;
                //遍历inputs,使子树的所有checkbox状态与该节点一致
            }
        }
    } 
}

 

 

Page_Load中添加

 TreeView1.Attributes.Add("ondblclick", "javascript:return CheckSubNodesExceptionSelf();");


 

你可能感兴趣的:(JQuery)