尚硅谷：全选和反选

最新推荐文章于 2022-11-08 23:32:38 发布
最新推荐文章于 2022-11-08 23:32:38 发布
阅读量138 收藏
点赞数
分类专栏： jquery 文章标签： 尚硅谷：全选和反选
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/piao317110771/article/details/84752527
版权

1、代码

<!doctype html>
<html>
 <head>
	<!--声明当前页面的编码集：charset=gbk,gb2312(中文编码)，utf-8国际编码-->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<!--当前页面的三要素-->
	<title>尚硅谷：全选和反选案例</title>
	<meta name="Keywords" content="关键词,关键词">
	<meta name="description" content="">
	<script type="text/javascript" src="jquery-1.7.2.js"></script>
	<script type="text/javascript">
		$(function() {
			$("#checkAll").click(function() {
				var flag = this.checked;
				$(":checkbox[name='items']").attr("checked",flag);
			});
		});
	</script>
 </head>
 <body>
 	全选/反选<input type="checkbox" id="checkAll"></br>
	<input type="checkbox" name="items" value="篮球"/>篮球
	<input type="checkbox" name="items" value="足球"/>足球
	<input type="checkbox" name="items" value="旅游"/>旅游
	<input type="checkbox" name="items" value="书法"/>书法
 </body>
</html>

 

2、界面显示

 

piao317110771
关注
专栏目录
JS基础-全选练习-尚硅谷p98-100
qq_43624193的博客
01-23 338
视频链接： 尚硅谷-JS基础-全选练习 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function(){ var items=document.getElementsByName("items");
ssm框架整合（尚硅谷）
weixin_45936141的博客
07-08 1903
Spring+SpringMVC+Mybatis+Ajax+bootstrap
尚硅谷：jQuery选择器的练习
piao317110771的博客
11-27 252
1、代码 &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; c
尚硅谷Java8练习Java源码
01-12
内容还有尚硅谷Java8练习Java源码，一系列课程教学源码
尚硅谷 自增自减的练习
plannothing的博客
07-12 168
var n1 = 10,n2 = 20; var n = n1++; console.log("n = "+n);//10 console.log("n1 = "+n1);//11 n = ++n1 console.log(“n=”+n);//12 console.log(“n1=”+n1);//12 n = n2–; console.log(“n=”+n);//20 console.log(“n2=”+n2);//19 n= --n2; console.log(“n=”+n);//18 console.l
jQuery 练习：全选，全不选，反选（尚硅谷视频）
最新发布
qq_51917627的博客
11-08 317
jQuery 练习：全选，全不选，反选
全选、反选（jquery）
yL10911的博客
07-24 118
全选、反选、全不选（jquery）全选全不选反选提交按钮整体代码 表单 你爱好的运动是？<input type="checkbox" id="checkedAllBox" />全选/全不选 <br> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="篮球" />篮球 <input type="c
全选/反选/JavaScript小练习
m0_69225740的博客
05-18 102
你们好（大佬们好），我是一个刚学习前端一个半月的小白白，发布博客完全没有其他任何意思，就是单纯记录一下自己的成长，我对这个表单练习的理解都放在了注释里面了。希望对大家能有所帮助（转在于某站尚硅谷李立超老师js的小案例，把我所吸收到的知识分享给大家）
vue2.0在table中实现全选和反选的示例代码
08-28
Vue 2.0 中 Table 全选和反选的示例代码 在 Vue 2.0 中实现 Table 全选和反选是一种常见的交互方式，本文将介绍如何在 Vue 2.0 中实现 Table 全选和反选的示例代码。 知识点 1: 使用 Vue 的模板语法实现 Table 的...
react实现复选框全选和反选组件效果
10-14
在React开发中，实现复选框全选和反选组件是一项常见的需求，这通常涉及到状态管理与事件处理。本文将详细解析如何使用React构建这样的功能。 首先，我们需要创建一个名为`List`的React组件，该组件包含一个复选框...
Jquery 1.42 checkbox 全选和反选代码
10-29
在网页交互设计中，全选和反选功能是常见的用户操作需求，特别是在处理多选列表时。jQuery 是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理和动画效果等任务。在这个例子中，我们将详细解析如何使用jQuery...
jquery实现简单的全选和反选功能
10-23
首先，我们来看一段用jQuery实现的全选和反选的基础代码示例。这段代码利用了jQuery的事件监听和属性操作功能来控制复选框的状态。当全选复选框被点击时，页面上所有具有相同name属性的复选框会被设置为选中或未选中...
javascript实现简单的全选和反选功能
01-19
本文实例讲解了javascript实现简单的全选和反选功能的详细代码，分享给大家供大家参考，具体内容如下 效果图： 具体代码： <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> &...
JavaWeb--尚硅谷
张一
01-24 966
JavaWeb day1 HTML&&CSS 1、B/S软件的结构 Browser Server 客户端：浏览器 服务器端：WEB服务器 2、前端的开发流程 Ps：美术实现：网页设计师根据需求设计网页 前端：将设计做成静态网页 java程序员：将静态网页修改为动态网页 3、网页的组成部分 页面包括内容（结构）、表现、行为 内容：页面中可以看到的数据，html技术来展示 表现：内容在页面上的展示形式，如布局颜色大小等，一般由CSS技术实现（CSS 是一种描述 HTML 文档样式的语
jquery的onload事件
piao317110771的博客
11-23 1698
1、代码 &lt;!--引入jquery依赖包--&gt; &lt;script type="text/javascript" src="../jquery-1.11.3.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; //对于javascript而言，第二个onload会被执行，第一个会被覆盖
jquery与javascript的相互转换
piao317110771的博客
11-23 759
1、代码 &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html;
jquery的位置选择器一
piao317110771的博客
11-24 389
1、代码 &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; c
JQuery 实践：全选、反选与下拉框操作
该文档是关于JQuery的综合练习，主要涵盖了两个部分：全选和反选功能的实现，以及下拉框元素的左右移动操作。全选和反选功能是针对一组复选框，而下拉框移动则是用于模拟权限分配的场景。 **全选和反选功能详解** ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值