`
lengyue
  • 浏览: 145355 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

一段关于父子功能checkbox选择的javascript

阅读更多

function subFunctionState(chkid, state) {
        var chkcount = document.form1.functionID.length;
        for (var i = 0; i < chkcount; i++) {
            var subFun = document.form1.functionID[i];
            var subFunID = subFun.id;
            var subFun_parentID = subFunID.substr(0, subFunID.indexOf("|"));
            if (chkid == subFun_parentID) {
                subFun.checked = state;
            }

        }
    }
    function subFunctionCheck(chkid) {
        var parentFun = document.getElementById(chkid);
        if (parentFun.checked) {
            subFunctionState(chkid, true);
        } else {
            subFunctionState(chkid, false);
        }
    }
    function getBrotherState(chkid) {
        var chkcount = document.form1.functionID.length;
        for (var i = 0; i < chkcount; i++) {
            var subFun = document.form1.functionID[i];
            var subFunID = subFun.id;
            var subFun_parentID = subFunID.substr(0, subFunID.indexOf("|"));
            if (chkid == subFun_parentID&&subFun.checked) {
                return true;
            }
        }
        return false;
    }
    function parentFunctionCheck(chkid){
       var subFun = document.getElementById(chkid);
       var parentID =chkid.substr(0,chkid.indexOf("|"));
       var parentFun = document.getElementById(parentID);
       if(subFun.checked||getBrotherState(parentID)){
          parentFun.checked=true;
       }else{
          parentFun.checked=false;
       }
    }


function rightChoose() {
        var unchooseRole = document.getElementById("unchooseRole");
        var chooseRole = document.getElementById("chooseRole");
        if (unchooseRole.options.selectedIndex != -1) {
            chooseRole.options[chooseRole.length] =
            new Option(unchooseRole.options[unchooseRole.selectedIndex].text,unchooseRole.options[unchooseRole.selectedIndex].value );
            unchooseRole.options.remove(unchooseRole.options.selectedIndex);
        }else{
            alert("请选定要为此用户分配的角色");
        }
    }
    function leftChoose(){
        var unchooseRole = document.getElementById("unchooseRole");
        var chooseRole = document.getElementById("chooseRole");
        if (chooseRole.options.selectedIndex != -1) {
            unchooseRole.options[unchooseRole.length] =
            new Option(chooseRole.options[chooseRole.selectedIndex].text,chooseRole.options[chooseRole.selectedIndex].value);
            chooseRole.options.remove(chooseRole.options.selectedIndex);
        }else{
            alert("请选定要取消分配给此用户的角色");
        }
    }

分享到:
评论

相关推荐

    javascript实现checkbox多级选择

    在JavaScript编程中,实现Checkbox的多级选择是一个常见的需求,特别是在构建交互式的用户界面时。Checkbox,也就是复选框,通常用于让用户从多个选项中选择一个或多个。在这个场景下,"多级选择"通常指的是分组或者...

    html的checkbox的javascript验证

    在HTML页面中,复选框(checkbox)是用户交互中常见的一种元素,它允许用户对多个选项进行选择。然而,为了确保数据的有效性和安全性,我们通常会在用户提交表单前进行验证。JavaScript作为客户端脚本语言,非常适合...

    关于checkbox选择个数限制

    本篇我们将深入探讨如何实现“关于checkbox选择个数限制”的功能,并结合给定的“判断checkbox.html”文件来解析其背后的实现逻辑。 首先,我们需要了解HTML中的Checkbox元素。Checkbox是用户界面中常见的一个组件...

    checkBox全选功能

    在IT行业中,"checkBox全选功能"是一种常见的用户界面交互设计,主要出现在多选项选择场景中,例如在网页、桌面应用或移动应用中。CheckBox,中文通常称为复选框,允许用户对多个选项进行独立的选择。全选功能则是...

    checkbox全选功能实例

    在网页设计和开发中,`checkbox`元素是一个重要的交互组件,它允许用户对一组选项进行选择或取消选择。本文将详细讲解如何实现`checkbox`的全选功能,这对于初学者理解`checkbox`的应用及其在页面布局中的使用至关...

    c# javascript 操作 checkBox控件

    在实际应用中,`CheckBox`常常用于用户确认某些条件、选择功能或者做出选择。比如在注册页面上,用户可能需要勾选“我已阅读并同意服务条款”,在这样的场景下,C#和JavaScript的结合使用可以确保在用户提交表单时...

    javascript获取checkbox选定的值,checkbox全选功能

    javascript获取checkbox选定的值,checkbox全选功能的一个例子,方便新手朋友下载使用。费了好大劲才把功能做全了。

    用JavaScript实现CheckBox的多选和反选

    在网页中很多时候会用到CheckBoX的多选和反选.比如网上调查或是后台管理系统等。现在主流的方法是用JavaScript来实现CheckBOX的多选和反选,下面笔者就为大家介绍一下如何实现这样的网页效果

    Ext.net TreePanel的Checkbox操作及父子联动

    在这个特定的场景中,我们关注的是TreePanel中的Checkbox功能以及父子节点间的联动效果。 Checkbox在TreePanel中的应用允许用户进行多选操作,这对于数据筛选、权限设置等场景非常有用。在EXT.NET中,我们可以为每...

    C#中根据选择的checkbox列出选择的值

    #### 知识点一:理解Checkbox的功能及用途 在Web开发或者桌面应用开发中,Checkbox(复选框)是一种常用的用户界面元素,它允许用户进行多项选择。在C#中,无论是在Windows Forms、ASP.NET Web Forms还是WPF等平台中...

    checkboxlist单选功能

    但在某些情况下,我们可能希望将`CheckboxList`的行为更改为单选模式,即每次只能选择一个选项。 #### 二、CheckboxList 控件转换为单选模式的方法 ##### 1. JavaScript 实现单选逻辑 为了实现`CheckboxList`的单选...

    js实现checkbox级联选择

    使用javascript实现checkbox级联选择

    Asp.Net TreeView Checkbox

    总之,"Asp.Net TreeView Checkbox"是一个实现树形结构数据选择的功能,通过设置TreeNode的属性和编写前端脚本,可以创建一个具有父子级Checkbox联动的用户界面。这个功能在管理大量分类数据或进行多级选择操作的...

    Treeview中checkbox选择问题

    综上所述,解决`Treeview`中`Checkbox`选择问题的关键在于实现两个主要功能:一是当选择一个子节点时,自动选中其父节点;二是当取消父节点的选择时,取消所有子节点的选择。通过上述代码片段中的`OnCheckEvent`、`...

    Checkbox双向选择器jQuery代码.zip

    【标题】"Checkbox双向选择器jQuery代码.zip"所包含的是一个使用jQuery实现的特殊功能,即双向选择器。这种选择器常用于用户界面,让用户能够方便地在两个列表之间转移选项,例如在“已选”和“未选”之间切换。这种...

    CheckBox实现多选、全选、反选功能

    在Android开发中,CheckBox是常用的一种控件,用于表示两种状态的选择:选中或未选中。本教程将深入探讨如何使用CheckBox实现多选、全选和反选功能,这对于构建具有选择列表的应用非常关键。 首先,我们从基础开始...

    checkBox全选——jscheckBox全选——jscheckBox全选——js

    在JavaScript(JS)中,`checkBox`,也称为复选框,是网页表单中常见的一种元素,用于用户选择一个或多个选项。全选功能在处理多选项时非常实用,比如在一个列表中批量选择所有项目。这个标题和描述虽然重复,但明显...

    三种方式实现checkbox全选,反选

    在网页开发中,Checkbox(复选框)是用户界面中常用的一种元素,它允许用户从多个选项中选择一个或多个。全选和反选功能在多选列表中尤其常见,例如在批量操作或者多条件筛选时。以下是三种实现Checkbox全选和反选的...

    Asp.net CheckBoxList操作集合

    在ASP.NET Web Forms开发中,CheckBoxList控件是一种常用的选择组件,它允许用户从一系列选项中选择一个或多个项目。本篇文章将详细讲解如何进行CheckBoxList的操作,包括获取选中项、实现全选、取消选中以及反选...

    CheckBox的优化.rar

    例如,通过JavaScript,我们可以实现Checkbox的批量选择(全选/全不选)、互斥选择(一组中只能选一个)等功能。同时,JavaScript还可以监听Checkbox的状态变化,触发相应的事件处理函数,如更新页面的其他部分,...

Global site tag (gtag.js) - Google Analytics