JS常用代码:五行搞定checkbox全选/全不选

最新推荐文章于 2025-12-04 17:59:42 发布
转载 最新推荐文章于 2025-12-04 17:59:42 发布 · 9.5k 阅读 · 4
文章标签：

#xhtml #function #html #文档 #c

本文介绍了一个简单的HTML页面，该页面包含一个全选/全不选的功能实现。通过一个JavaScript函数check_all，可以控制一组复选框的状态，实现一键全选或全不选的效果。
部署运行你感兴趣的模型镜像
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>无标题文档</title>
  6. <style type="text/css">
  7. p {margin:0;font-size:12px;line-height:26px;}
  8. </style>
  9. <script type="text/javascript">
  10. function check_all(obj,cName)
  11. {
  12.     var checkboxs = document.getElementsByName(cName);
  13.     for(var i=0;i<checkboxs.length;i++){checkboxs[i].checked = obj.checked;}
  14. }
  15. </script>
  16. </head>
  17.  
  18. <body>
  19. <p><input type="checkbox" name="all" onclick="check_all(this,'c')" />全选/全不选</p>
  20. <p><input type="checkbox" name="c" value="" /></p>
  21. <p><input type="checkbox" name="c" value="" /></p>
  22. <p><input type="checkbox" name="c" value="" /></p>
  23. <p><input type="checkbox" name="c" value="" /></p>
  24. </body>
  25. </html>

您可能感兴趣的与本文相关的镜像

Langchain-Chatchat

Langchain-Chatchat

AI应用
Langchain

Langchain-Chatchat 是一个基于 ChatGLM 等大语言模型和 Langchain 应用框架实现的开源项目，旨在构建一个可以离线部署的本地知识库问答系统。它通过检索增强生成 (RAG) 的方法，让用户能够以自然语言与本地文件、数据库或搜索引擎进行交互，并支持多种大模型和向量数据库的集成，以及提供 WebUI 和 API 服务

Qt开发经验总结
草上爬的博客
12-02 1万+
增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。
keil编译51代码 sprintf 数字格式化
CAI____NIAO的博客
10-21 1493
一段代码在ARM环境中正常运行，但是在51工程中运行异常，现象如下： #define SoftwareVerHigh 0x01 #define SoftwareVerLow 0x00 //软件版本 #define SoftwareVerString 'A' //机型 #define HardwareVerHigh 0x01 #define HardwareVerLow 0x00 //硬件版本 *RspDataLen = sprintf((char*)pRspData, "H
gae利用checkbox进行批量删除 JS常用代码:五行搞定checkbox全选/全不选
wwaiym的专栏
08-23 1028
这个东西看上去很容易 ，但是如果有个小细节把握不好的话，那么根本无法完成,那就是request.get_all()的使用。以下是我的代码：    在template中很简单：admin/infoList.html{% for info in infos %}{{ info.key.id }} ：name的值就是前台取的值，vaule是真值{% endfor %}前台：('/admin/infos/d', Infosd),路径指向的函数 def
五行搞定checkbox全选/全不选
allen413的博客
12-20 140
 JS常用代码:五行搞定checkbox全选/全不选 &lt;script type="text/javascript"&gt;&lt;/script&gt;&lt;script type="text/javascript"&gt;&lt;/script&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition
电商前台项目（五）：完成加入购物车功能和购物车页面
weixin_42044763的博客
01-30 6780
这里要注意，这个项目的接口给的都是params参数，而使用axios发请求，params参数只能拼接在url地址中，而query参数的配置项叫params，很奇怪。3、如果不写返回值，且await后是失败的Promise，那么就会抛出异常，既然抛出异常，那么async函数返回的就是一个失败的Promise。中遍历购物车数据并派发请求，（当然其实在组件中写也一样，就是这样规范点），用try-catch捕获，如果都请求成功，那么就使用。4、如果不写返回值，且await后是成功的Promise，那么就会返回。
【Vue3可编辑表格组件】一套代码搞定中后台表格开发，让数据编辑更丝滑
qq_38136932的博客
04-30 847
单行编辑：点击「编辑」按钮激活单行编辑状态，支持通过行索引或行对象精准控制批量编辑：一键切换「编辑全部数据」模式，批量激活所有行编辑状态状态可视化：通过方法实时判断行编辑状态，轻松实现编辑/查看模式切换-- 操作栏示例 -->tableCRef?.isRowEditing(row)">编辑</el-button><el-button type="text" @click="saveOne($index)" v-else>保存</el-button>
CSS，HTML，JS 以及Vue前端面试题八股文总结【看完你就变高手】
蒙奇不想敲代码的博客
01-30 2万+
集合了前端大部分基础知识以及常见面试题，看完过初试完全没问题
javaee学习之路(二十五)javascript
fandong12388的专栏
04-14 1003
例1、 javascript处理表单<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>form1.html</title> </head> <body> <form name="form1" action="test.html" method="pos
Antd 组件库相关使用
i_Satan的博客
08-25 259
【代码】Antd 组件库相关使用。
Android学习博客和文章存档
萌古大汗的专栏
01-03 2万+
如何自学ANDROID编程 http://stormzhang.com/android/2016/01/21/learn-android-byself/ ［Android基础］Android总结篇 http://blog.youkuaiyun.com/codeemperor/article/details/51004189 Android最佳性能实践(一)——合理管理内存 http://blog.c...
Web前端面试题整合，持续更新【可以收藏】
jason的java世界
12-12 1834
css相关、JS相关、浏览器网络相关、vue相关、react相关、移动端相关、插件及工具相关、前端性能优化、原生通信、算法相关、node相关、计算机基础
ym——android源码大放送（实战开发必备）
热门推荐
陈宇明
08-10 4万+
文件夹 PATH 列表 卷序列号为 000A-8F50 E:. │  javaapk.com文件列表生成工具.bat │  使用说明.txt │  免费下载更多源码.url │  目录列表.txt │   ├─android web应用 │      jqmDemo_static.zip │      jqmMobileDemo-master.zip │      jqmMo
前端简单入门第二十一讲 使用jQuery完成下拉列表左右选择
李阿昀的博客
07-06 3524
一天搞定jQuery(五)——使用jQuery完成下拉列表左右选择使用jQuery完成下拉列表左右选择有这样一个需求，在(商品)分类的修改页面中，如下这样一个页面： 有某个分类下的所属的商品信息，我们应该可以对这些商品信息进行选择。即在修改分类的时候可以去添加商品，这时就需要用到下拉列表的左右选择了。 首先我们应该创建一个(商品)分类的修改页面，最后的运行效果正如上图。这里给出这样一个页面—
HTML - 换行标签的 3 种写法（＜br＞、＜br/＞、＜br /＞）
weixin_52173250的博客
11-05 318
HTML - 换行标签的 3 种写法（<br>、<br/>、<br />）
html css js网页制作成品——娃娃html+css+js 4页附源码
卡拉米
12-01 81
本文介绍了一个关于中国篆刻艺术的静态网站设计与实现方案。网站采用HTML5+CSS3技术构建，包含首页、关于篆刻、作品展示、历史渊源和联系我们等页面模块。文章详细说明了网站布局结构、程序语言选择、素材处理方法以及文件组织方式，并提供了核心HTML代码示例。网站设计兼容主流浏览器，适合修改为各类主题展示网站。作者还分享了编程学习建议，推荐初学者通过刷题巩固基础，并提供了获取更多前端开发资源的渠道。该网站可作为大学生毕业设计或期末作业的参考模板。
【HTML Living Standard 01】HTML基础概述
风高秋月白，雨霁晚霞红
12-01 940
HTML-01 基础概念相关。
使用 HTML + JavaScript 实现手写签名功能
最新发布
QQ26843500的博客
12-04 562
本文介绍了一个基于HTML5 Canvas实现的手写签名网页应用。该应用主要功能包括： 提供米字格背景和范字（"海纳百川"）作为书写参考 支持鼠标和触摸屏两种书写方式 包含清空画布和下载签名图片两个功能按钮 技术实现上使用双Canvas叠加方案，底层Canvas绘制米字格和范字作为引导层，上层Canvas实现手写功能。通过JavaScript事件监听实现笔迹追踪，采用贝塞尔曲线平滑处理书写轨迹。响应式设计适配不同设备，并提供PNG格式的签名下载功能。整体界面简洁，采用蓝色标题栏和白色书写
HTML/CSS 核心考点详解（字节跳动 ToB 中台场景）
2402_87628679的博客
12-01 862
语义化 HTML 就是用有明确含义的标签（如<header><nav><main>）替代无意义的通用标签<div>，让 HTML 结构 “自解释”—— 不用看 CSS/JS，就能看懂页面各部分的功能。块级格式化上下文，是一个 “独立的渲染区域”，区域内的元素布局不受外部影响，同时也不会影响外部元素。可以理解为：BFC 是一个 “隔离的盒子”，盒子里的元素怎么布局，都和盒子外的元素没关系。知识点核心考点实战场景语义化 HTML常用语义标签、结构合理性系统页面布局、模块划分Flex 布局。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值