收集自 http://www.oschina.net/code/snippet_86510_2781
<html>
<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实现的左右选择的例子"是利用jQuery创建的一个功能组件，它提供了用户友好的界面，允许用户在左右两个面板之间选择和移动条目，适用于多种场景，如数据筛选、选项选择等。 这个组件的核心知识点包括：...
本项目“Jquery实现城市选择”旨在利用jQuery创建一个美观且交互性强的城市选择功能，为用户提供友好的界面体验。 一、jQuery基础 jQuery的核心特性是其选择器功能，它允许开发者通过CSS样式选择器快速定位到页面上...
前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+...
本项目"jquery实现用户信息左右选择特效"是基于jQuery构建的一个交互式用户信息管理功能，它优化了传统的多选列表，提供了一种更加直观和动态的方式来处理用户数据。 首先，我们要理解这个项目的背景。传统的多选...
"jQuery实现级联地区选择"这个主题就是关于如何利用jQuery库来创建一个动态联动的省份-城市选择器。这个实例包含了JSP（JavaServer Pages）、JavaScript和CSS三个主要部分，旨在提供一种高效、用户友好的选择体验。 ...
本文将深入探讨如何利用jQuery实现日期选择，并结合具体的示例代码进行详细讲解。 首先，我们需要一个日期选择器插件。jQuery本身并不包含内置的日期选择器，但有许多第三方插件可以配合使用，例如jQuery UI中的...
本教程将详细讲解如何使用 `jQuery` 实现一个具有模糊搜索功能的下拉选择框，以提升用户在交互时的体验。 首先，我们需要了解 `select` 元素在HTML中的基本用法。`<select>` 标签用于创建一个下拉列表，用户可以...
在本文中，我们将深入探讨如何使用jQuery来实现各种前端效果，包括动画、事件处理、DOM操作等。jQuery是一个流行的JavaScript库，它简化了JavaScript的许多复杂性，使得开发者能够更轻松地实现动态网页效果。 首先...
这个压缩包“jQuery移动端日期选择代码.zip”包含了实现这一功能所需的所有资源。 jQuery是一款广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画效果以及Ajax交互。在移动端，jQuery可以和各种插件结合，...
这涉及到理解jQuery的选择器、事件处理、CSS动画和DOM操作等核心概念。同时，这也是一种优化网页性能的方法，因为即使在页面内容逐步加载时，用户也能看到明显的进度，从而减少用户的等待焦虑感。
1. **选择器与DOM操作**：jQuery提供了丰富的选择器，如ID选择器("#id")，类选择器(".class")，元素选择器("tagname")等，用于获取DOM元素。在用户添加功能中，我们可能需要选取表单元素，如输入框、按钮等。获取...
在IT行业中，jQuery是一款非常流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。...通过巧妙地运用jQuery，实现了展示、交互和切换周历的功能，为用户提供直观的时间选择体验。
本文实例为大家分享了jQuery实现轮播图及其原理的具体代码，供大家参考，具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8" name="viewport" content="width=device-width,...
本教程将深入讲解如何使用jQuery实现图片预览功能。 首先，我们需要了解基本的HTML结构。在`index.html`文件中，你需要创建一个`<input>`元素用于让用户选择图片，以及一个`<div>`元素作为预览区域： ```html <!...
Demo 用jQuery实现最简单的滚屏效果2(加了上下按钮 Demo 用jQuery实现最简单的滚屏效果2(加了上下按钮 Demo 用jQuery实现最简单的滚屏效果2(加了上下按钮 Demo 用jQuery实现最简单的滚屏效果2(加了上下按钮 Demo 用...
用jquery实现table拖拽列功能，可动态改变表格列宽度，并且实现table表格100%的问题，如果列缩小，则自动拉伸最后一列以实现table100%的效果，如果拉伸长度比原长度大，则显示x滚动条。
- "jqueryselect.txt"可能包含了实现选择框功能的jQuery代码，我们需要查看其内容来获取具体实现细节。 - "新建文本文档 (2).txt"可能是辅助文档，例如说明、示例数据或其他相关信息。 6. **优化与兼容性**： - ...
在这个“Jquery实现数据左右移动Demo”中，我们将深入探讨如何利用jQuery来实现动态的数据展示，特别是在一个可能需要数据左右移动的场景，如轮播图或卡片式布局。 首先，我们需要理解jQuery的基本用法。jQuery通过...
在给定的资源中，“jquery实现 左右 双向选择器 挺好用”是一个利用jQuery创建的交互式用户界面组件，用于实现双向选择功能。这种组件常见于需要用户在两个列表之间转移选项的场景，例如在“已选”和“可选”之间...
最后，当用户确认选择后，`jQuery`可以收集所有选定的属性值，将其封装成JSON对象并发送到服务器进行订单创建。 在提供的文件"texiao999_1560680906"中，可能包含了实现以上功能的代码示例、HTML结构或者设计资源。...