`
YYBOB
  • 浏览: 35235 次
  • 性别: Icon_minigender_1
  • 来自: 河南
文章分类
社区版块
存档分类
最新评论

通过jquery动态关联checkbox的选择

阅读更多

 

继续昨天的工作,今天要把昨天插入的form数据,进行更新操作,而checkbox里面的选项同用户相关联,所以,可以在添加页面中进行更新的操作。具体当用户选择添加后,在选择用户后,就可以将该用户已有的选项,在相应的checkbox中进行选择。这样就没有做新更新页面,直接在昨天新增页面进行了更新操作的开发。

 

具体代码,如下:

function selPerson(){

//获得所选用的信息
  var arr=showModalDialog("popDialog.act?execute=sysUsersSelect", window, "dialogWidth:600px; dialogHeight:400px;");
  if(arr!=null){
   document.all.entrustedcode.value=arr[0];
   document.all.entrustedname.value=arr[1];
  }

//使用jquery获得选中用户的checkbox的值,它对应着子checkbox,name是nodeid,可根据数据库中查找后的结果,通过value属性进行关联。
  var $=daqix.thirdparty.jquery.JQuery;         
   $.ajax({  
            type:'GET',  

            //获取结果,即checkbox name为nodeid的多有选项的value,通过“,”分割    
            url:'<%=request.getContextPath() %>/webapp/main/entrustUpdate.act?entrustedcode='+arr[0],      
            async:false,
            success:function(date){  

                //当选择的用户改变时,将checkbox清空

                $('input[type="checkbox"][name="nodeid"]').attr("checked", false);  

                //当返回值不为空时,选择相应checkbox
                if(date!=""){
                 var list = date.split(",");
                 for(num in list){  

                  //选择相应checkbox   
                  $("input[value="+list[num]+"]").attr("checked",true); 
                  }
                 }
   },                 
            error:function(req){
            alert("自动获得信息出错,请手动输入下面的内容。");              
            }             
        });        
 } 

selPerson()函数中后面的jquery相关的代码,是直接加在了选择用户的函数中,其实应该新建一个函数的,偷懒了。

 

 

 

 

分享到:
评论

相关推荐

    JQuery操作checkbox、radio等示例

    1. **选择元素**:jQuery提供了多种选择器,如`$("[type=checkbox]")`和`$("[type=radio]")`,可以用来选取页面上所有的checkbox或radio元素。如果你想选择具有特定ID或类名的元素,可以使用`$("#checkboxID")`或`$...

    jquery 对checkbox的操作

    本文将详细探讨如何使用jQuery对checkbox进行操作,这些操作包括选择、取消选择、检查状态以及实现更复杂的交互效果。 一、jQuery选择checkbox 在jQuery中,我们可以使用不同的选择器来选取checkbox元素。例如,`$...

    jquery input checkbox 联动

    本文将深入探讨如何在jQuery环境下实现输入框(input)复选框(checkbox)的联动效果,即当某个复选框被选中时,能够自动触发关联的上级或下级复选框的状态改变。 ### 1. jQuery 基础 首先,确保你的项目已经引入...

    Jquery全选反选Checkbox

    "Jquery全选反选Checkbox"是一个常见的功能需求,特别是在需要用户批量选择或取消选择多个选项的场景下。这个功能通常应用于表格、列表或其他数据展示组件,让用户能够快速地对一组复选框进行全选或反选操作。 首先...

    jQuery基于layui插件制作checkbox复选框选中代码

    在本文中,我们将深入探讨如何使用jQuery和layui插件来创建功能丰富的checkbox复选框,包括权限范围的多选、单选以及全选操作。同时,我们也将关注于父级和子级复选框之间的联动关系,即父级选中时子级全部选中,而...

    jquery radio checkbox 美化

    综上所述,"jQuery radio checkbox美化"涉及到前端开发中的多方面技能,包括jQuery的选择器和事件处理、CSS样式设计、插件应用、自定义图标、响应式设计以及无障碍性考虑。通过学习和实践这些技巧,可以创建出既美观...

    jQuery之实战(checkbox,table)

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大...在实际项目中,如压缩包文件名`jquery-setcheckbox.jsp`所示,这样的功能常常被用来实现动态设置表格中checkbox的状态,或者根据checkbox状态过滤表格数据。

    jQuery实现自定义checkbox和radio样式

    jQuery 实现自定义 checkbox 和 radio 样式是一种常见的前端美化技术,它可以帮助开发者摆脱浏览器默认样式,创造出符合网站设计风格的交互元素。本篇将详细解释如何使用 jQuery 实现这一功能。 首先,我们要理解...

    jQuery实现的checkbox级联选择下拉菜单效果示例

    这个函数通过jQuery的选择器找到对应的`tr`元素,然后根据其当前的显示状态决定是显示还是隐藏。`show()`函数利用了jQuery的`.css()`方法来获取和设置元素的CSS属性,以及`.show()`和`.hide()`方法来切换元素的可见...

    checkbox的应用示例

    在动态交互中,JavaScript和jQuery可以用于监听Checkbox状态变化,执行相应操作。例如,获取选中状态,添加事件监听器: ```javascript let checkbox = document.getElementById('exampleCheckbox'); checkbox....

    jquery checkbox

    jQuery可以通过ID、类名、属性等来选择并操作这些元素。 1. **选择复选框**: jQuery的选择器功能强大,可以轻松选取页面上的复选框。例如,选取所有复选框: ```javascript $('input[type="checkbox"]') ``` 2. *...

    扩展了一棵jquery的树插件SimpleTree(jquery.simple.tree.js),支持json数据,checkbox树,以及异步加载,

    `jQuery.simple.tree.js` 是`jQuery SimpleTree`的核心代码文件,通过阅读源码,你可以了解到插件是如何解析JSON数据,渲染树结构,以及处理异步加载和复选框事件的。在`iteye`博客上发布的链接...

    jquery Checkbox 全选 反选 全不选 多种实现方法

    对于大量复选框,使用类选择器(如 `.class-name`)代替标签选择器(如 `input[type="checkbox"]`)可以提高性能,因为类选择器更快。 7. **事件委托** 如果有多个全选/反选控制,可以使用事件委托,减少事件绑定...

    Js/Jquery 实现checkbox全选,反选,全不选

    在JavaScript和jQuery的世界里,处理复选框(Checkbox)的选择状态是常见的需求,尤其是在构建交互式的Web应用时。本文将详细讲解如何通过JS和jQuery实现checkbox的全选、反选以及全不选功能。 首先,我们需要理解...

    jQuery多级复选框checkbox选中代码

    本教程主要探讨的是如何使用jQuery实现多级复选框(checkbox)的功能,包括水平横向、垂直纵向两种排列方式,并且提供了三种不同的样式供选择。通过这个项目,我们可以学习到如何用jQuery控制复选框的状态,以及如何...

    jquery select2组件

    - 在内容管理系统中,用于选择分类、标签或其他关联数据。 - 在电子商务网站上,用于产品属性筛选或配送区域选择。 ### 4. API与配置选项 `Select2`的初始化方法接受一个配置对象,其中包含各种选项,如: ```...

    jquery动态禁用label标签rar

    这个jQuery实现的核心在于监听checkbox的状态变化,然后根据其状态来修改其他checkbox及其关联label的可用性。以下是可能的实现步骤: 1. **选择元素**:首先,你需要选择要操作的checkbox和label元素。这可以通过...

    jquery复选框CHECKBOX全选、反选

    `CheckboxGroup`函数的核心在于通过jQuery扩展方法实现,允许用户自定义选择器来选择需要同步状态的复选框组。下面是函数的基本结构: ```javascript (function($) { $.fn.checkgroup = function(options){ // ...

    用checkbox选择删除数据库中的多条数据

    在HTML中,我们通常通过`&lt;input type="checkbox"&gt;`来创建一个复选框,并可以通过`name`属性将多个复选框关联起来,以便于在后端处理它们。 接下来,涉及到的是JavaScript,用于获取用户在前端的选择。通过遍历所有...

    jquery获取复选框checkbox的值的简单实现方法

    2. **jQuery方式**:通过`$('input[name="interest"]:checked')`这个选择器直接定位所有名称为"interest"且被选中的复选框,然后再次使用`.each()`方法遍历这些元素。在这个过程中,我们使用jQuery的`.val()`方法...

Global site tag (gtag.js) - Google Analytics