继续昨天的工作,今天要把昨天插入的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相关的代码,是直接加在了选择用户的函数中,其实应该新建一个函数的,偷懒了。
分享到:
相关推荐
1. **选择元素**:jQuery提供了多种选择器,如`$("[type=checkbox]")`和`$("[type=radio]")`,可以用来选取页面上所有的checkbox或radio元素。如果你想选择具有特定ID或类名的元素,可以使用`$("#checkboxID")`或`$...
本文将详细探讨如何使用jQuery对checkbox进行操作,这些操作包括选择、取消选择、检查状态以及实现更复杂的交互效果。 一、jQuery选择checkbox 在jQuery中,我们可以使用不同的选择器来选取checkbox元素。例如,`$...
本文将深入探讨如何在jQuery环境下实现输入框(input)复选框(checkbox)的联动效果,即当某个复选框被选中时,能够自动触发关联的上级或下级复选框的状态改变。 ### 1. jQuery 基础 首先,确保你的项目已经引入...
"Jquery全选反选Checkbox"是一个常见的功能需求,特别是在需要用户批量选择或取消选择多个选项的场景下。这个功能通常应用于表格、列表或其他数据展示组件,让用户能够快速地对一组复选框进行全选或反选操作。 首先...
在本文中,我们将深入探讨如何使用jQuery和layui插件来创建功能丰富的checkbox复选框,包括权限范围的多选、单选以及全选操作。同时,我们也将关注于父级和子级复选框之间的联动关系,即父级选中时子级全部选中,而...
综上所述,"jQuery radio checkbox美化"涉及到前端开发中的多方面技能,包括jQuery的选择器和事件处理、CSS样式设计、插件应用、自定义图标、响应式设计以及无障碍性考虑。通过学习和实践这些技巧,可以创建出既美观...
在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大...在实际项目中,如压缩包文件名`jquery-setcheckbox.jsp`所示,这样的功能常常被用来实现动态设置表格中checkbox的状态,或者根据checkbox状态过滤表格数据。
jQuery 实现自定义 checkbox 和 radio 样式是一种常见的前端美化技术,它可以帮助开发者摆脱浏览器默认样式,创造出符合网站设计风格的交互元素。本篇将详细解释如何使用 jQuery 实现这一功能。 首先,我们要理解...
这个函数通过jQuery的选择器找到对应的`tr`元素,然后根据其当前的显示状态决定是显示还是隐藏。`show()`函数利用了jQuery的`.css()`方法来获取和设置元素的CSS属性,以及`.show()`和`.hide()`方法来切换元素的可见...
在动态交互中,JavaScript和jQuery可以用于监听Checkbox状态变化,执行相应操作。例如,获取选中状态,添加事件监听器: ```javascript let checkbox = document.getElementById('exampleCheckbox'); checkbox....
jQuery可以通过ID、类名、属性等来选择并操作这些元素。 1. **选择复选框**: jQuery的选择器功能强大,可以轻松选取页面上的复选框。例如,选取所有复选框: ```javascript $('input[type="checkbox"]') ``` 2. *...
`jQuery.simple.tree.js` 是`jQuery SimpleTree`的核心代码文件,通过阅读源码,你可以了解到插件是如何解析JSON数据,渲染树结构,以及处理异步加载和复选框事件的。在`iteye`博客上发布的链接...
对于大量复选框,使用类选择器(如 `.class-name`)代替标签选择器(如 `input[type="checkbox"]`)可以提高性能,因为类选择器更快。 7. **事件委托** 如果有多个全选/反选控制,可以使用事件委托,减少事件绑定...
在JavaScript和jQuery的世界里,处理复选框(Checkbox)的选择状态是常见的需求,尤其是在构建交互式的Web应用时。本文将详细讲解如何通过JS和jQuery实现checkbox的全选、反选以及全不选功能。 首先,我们需要理解...
本教程主要探讨的是如何使用jQuery实现多级复选框(checkbox)的功能,包括水平横向、垂直纵向两种排列方式,并且提供了三种不同的样式供选择。通过这个项目,我们可以学习到如何用jQuery控制复选框的状态,以及如何...
- 在内容管理系统中,用于选择分类、标签或其他关联数据。 - 在电子商务网站上,用于产品属性筛选或配送区域选择。 ### 4. API与配置选项 `Select2`的初始化方法接受一个配置对象,其中包含各种选项,如: ```...
这个jQuery实现的核心在于监听checkbox的状态变化,然后根据其状态来修改其他checkbox及其关联label的可用性。以下是可能的实现步骤: 1. **选择元素**:首先,你需要选择要操作的checkbox和label元素。这可以通过...
`CheckboxGroup`函数的核心在于通过jQuery扩展方法实现,允许用户自定义选择器来选择需要同步状态的复选框组。下面是函数的基本结构: ```javascript (function($) { $.fn.checkgroup = function(options){ // ...
在HTML中,我们通常通过`<input type="checkbox">`来创建一个复选框,并可以通过`name`属性将多个复选框关联起来,以便于在后端处理它们。 接下来,涉及到的是JavaScript,用于获取用户在前端的选择。通过遍历所有...
2. **jQuery方式**:通过`$('input[name="interest"]:checked')`这个选择器直接定位所有名称为"interest"且被选中的复选框,然后再次使用`.each()`方法遍历这些元素。在这个过程中,我们使用jQuery的`.val()`方法...