<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
function selectGroup(checkbox,obj) {
$('input[name='+obj+']').attr('checked', $(checkbox).attr('checked'));
}
</script>
</head>
<body>
<input type="checkbox" onclick="selectGroup(this,'grp1');" />选中GROUPA<br/>
GROUPA:<br/>
<input type="checkbox" name="grp1" />11<br/>
<input type="checkbox" name="grp1" />22<br/>
<input type="checkbox" name="grp1" />33<br/><br/>
<input type="checkbox" onclick="selectGroup(this,'grp2');" />选中GROUPB<br/>
GROUPB:<br/>
<input type="checkbox" name="grp2" />44<br/>
<input type="checkbox" name="grp2" />55<br/>
<input type="checkbox" name="grp2" />66<br/>
</body>
</html>
分享到:
相关推荐
本主题涉及的是一个基于jQuery的下拉多选复选框插件,该插件能够提供用户友好的界面,方便用户在下拉菜单中进行多选操作,尤其适用于后台数据管理或前端交互场景。下面将详细介绍这个插件及其相关的知识点。 1. **...
在给定的压缩包"jQuery弹出框checkbox复选框多选代码.zip"中,我们可以看到两个核心文件:`index.html`和`jquery-1.9.1.min.js`。这些文件共同构成了一个简单的jQuery应用,用于实现弹出框内的多选复选框功能。 ...
本文将详细讲解如何使用jQuery实现复选框多选后将选中的值赋给文本框的功能,这对于数据收集和用户输入的场景非常实用。 首先,我们需要创建HTML结构。这里有一个表格,包含一个文本框和多个复选框。每个复选框都有...
**jQuery 复选框组件详解** 在Web开发中,复选框(Checkbox)是一种常见的用户交互元素,用于让用户从多个选项中选择一个或多个。jQuery,作为一款强大的JavaScript库,提供了丰富的插件和方法来增强复选框的功能和...
一个js的方法,调用该js可实现下拉复选框。 /**//** * Creat date 2011-11-10 * Creat by zhuoyueping *支持input表单的下拉复选框。 *使用方法: * (1)调用js函数:setSelectBox(textItem, myArray); *...
"Jquery复选框美化"和"单选按钮美化"正是关注这个领域的技术实践。jQuery,一个强大的JavaScript库,为开发者提供了丰富的API和插件,使得这些基础的HTML元素能够变得更加吸引人和功能强大。 首先,复选框和单选...
jQuery Multiselect插件,正如其名,为开发者提供了一个功能强大的下拉多选解决方案,它使得复选框在有限的空间内展现得既美观又实用。这个插件不仅提升了用户体验,同时也简化了开发者的代码实现,让复杂的多选功能...
jquery easyui datagraid 对象显示的方法与datagraid、分页、复选框多选的数据显示 源码摘要
类似QQ邮箱收件人文本框搜索添加多文本简单功能,实现了简单的删除。
这只是一个基本的示例,实际应用中可以根据需求进一步定制样式和交互,例如添加动画效果、多选复选框组等。在实际项目中,可以考虑使用现成的jQuery插件,如Bootstrap的Checkbox Switch或iCheck,它们提供了更丰富的...
在提供的`arrtest.html`文件中,我们可以预期看到一个包含jQuery复选框操作的示例页面。这个页面可能包含一些交互式复选框,演示了上述提到的功能,如事件监听、状态改变和视觉效果。通过查看和分析源代码,我们可以...
本示例中,我们关注的是如何使用jQuery来实现复选框(checkbox)的全选和反选功能,这对于构建具有交互性的表单或者需要用户进行多选操作的界面是非常实用的。 在HTML中,复选框通常由`<input>`标签定义,类型为...
**jQuery无限极复选框下拉树**是一种交互式的用户界面元素,常用于在Web应用中展示层次结构的数据,如组织结构、目录树或者复杂的分类系统。这种组件允许用户通过展开和折叠节点来查看和选择多级选项。下面将详细...
本项目名为“jquery模拟div多选checkbox下拉框”,其核心目标是使用jQuery来实现一个功能丰富的多选下拉框替代传统的HTML `<select>` 元素,通过使用`<div>`元素和复选框(checkbox)来提供更自定义化的用户体验。...
在IT领域,尤其是在前端开发中,"带复选框JS树"是一种常见且实用的数据展示方式,它将数据结构以树形的方式呈现,并且每个节点都带有复选框,允许用户进行多选操作。这样的设计在权限管理、配置设置、目录浏览等场景...
在网页设计中,单选框(Radio Button)和复选框(Checkbox)是常见的用户交互元素,用于收集用户的多选或单选信息。然而,原生的HTML单选框和复选框样式往往较为单一,视觉效果可能不符合现代网页设计的要求。jQuery...
2. **复选框功能**: 插件支持每个节点设置复选框,用户可以通过勾选复选框来选择或取消选择某个节点,同时会影响到其父节点和子节点的选中状态,提供了便捷的多选操作。 3. **可定制化**: `highchecktree`允许...
jQuery多选框插件通常是开发者为了改进原生HTML复选框()的样式和功能而创建的。这些插件通过CSS和JavaScript增强用户体验,例如添加可自定义的样式、分组选项、搜索过滤、拖放排序等功能。在这个特定的案例中,...
在这个项目中,开发者可能使用了`.click()`监听用户的点击事件,`.change()`检测多选框状态的改变,并通过`.prop('checked')`设置或获取复选框的选中状态。同时,为了实现分组和计数功能,可能还使用了`.each()`遍历...