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>

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

Qwen-Image

Qwen-Image

图片生成
Qwen

Qwen-Image是阿里云通义千问团队于2025年8月发布的亿参数图像生成基础模型，其最大亮点是强大的复杂文本渲染和精确图像编辑能力，能够生成包含多行、段落级中英文文本的高保真图像

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 260
【代码】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...
利用jQuery实现CheckBox全选/全不选/反选的简单代码
11-24
jQuery有些版本中实现CheckBox全选/全不选/反选会有bug，经测试jquery-1.3.1.js–>测试通过，jquery-1.5.1.js–>测试不通过。 实现CheckBox全选/全不选/反选代码如下： <%@ page language="java" ...
jquery实现checkbox 全选/全不选的通用写法
10-26
在jQuery中，实现复选框（checkbox）的全选/全不选功能是常见的需求，尤其是在数据筛选、表格操作等场景。本篇文章将详细介绍如何使用jQuery编写一个通用的全选/全不选功能。 首先，我们需要理解jQuery选择器的工作...
原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)
10-21
<dd><span>2010-12-12</span><input type="checkbox" name="jsitems" value="" />原生JS实现的全选/全不选,点行也可选中或取消</dd> <!-- 更多dd元素... --> </dl> </form> ``` 接下来是原生JavaScript的核心...
HTML - 换行标签的 3 种写法（＜br＞、＜br/＞、＜br /＞）
weixin_52173250的博客
11-05 319
HTML - 换行标签的 3 种写法（<br>、<br/>、<br />）
html css js网页制作成品——娃娃html+css+js 4页附源码
卡拉米
12-01 83
本文介绍了一个关于中国篆刻艺术的静态网站设计与实现方案。网站采用HTML5+CSS3技术构建，包含首页、关于篆刻、作品展示、历史渊源和联系我们等页面模块。文章详细说明了网站布局结构、程序语言选择、素材处理方法以及文件组织方式，并提供了核心HTML代码示例。网站设计兼容主流浏览器，适合修改为各类主题展示网站。作者还分享了编程学习建议，推荐初学者通过刷题巩固基础，并提供了获取更多前端开发资源的渠道。该网站可作为大学生毕业设计或期末作业的参考模板。
使用 HTML + JavaScript 实现手写签名功能
最新发布
QQ26843500的博客
12-04 563
本文介绍了一个基于HTML5 Canvas实现的手写签名网页应用。该应用主要功能包括： 提供米字格背景和范字（"海纳百川"）作为书写参考 支持鼠标和触摸屏两种书写方式 包含清空画布和下载签名图片两个功能按钮 技术实现上使用双Canvas叠加方案，底层Canvas绘制米字格和范字作为引导层，上层Canvas实现手写功能。通过JavaScript事件监听实现笔迹追踪，采用贝塞尔曲线平滑处理书写轨迹。响应式设计适配不同设备，并提供PNG格式的签名下载功能。整体界面简洁，采用蓝色标题栏和白色书写
【HTML Living Standard 01】HTML基础概述
风高秋月白，雨霁晚霞红
12-01 945
HTML-01 基础概念相关。
HTML DOM 对象
wjs2024的博客
12-02 454
DOM（Document Object Model）是一种抽象的模型，用于表示 HTML 和 XML 文档。通过 DOM，开发者可以访问和操作文档中的任何元素，如文本、图像、链接等。DOM 对象化地表示了网页的结构，使得开发者可以像操作对象一样操作网页内容。HTML DOM 对象是网页设计和开发的基础，掌握 DOM 对象的基本概念、常用方法和实际应用，将有助于提高开发效率和代码质量。本文对 HTML DOM 对象进行了简要介绍，希望对您有所帮助。
【HTML+CSS】使用HTML与后端技术连接数据库
2509_94101589的博客
12-01 824
HTML负责构建网页的骨架，提供用户交互的表单等元素。用户通过表单输入数据，并通过表单的提交（submit）事件将数据发送到后端。
评论 7
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值