Javascript全选、反选、取消选择

最新推荐文章于 2025-05-20 16:08:55 发布
最新推荐文章于 2025-05-20 16:08:55 发布
阅读量662 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/rotating_windmill/article/details/8117696
本文介绍了一种使用JavaScript实现网页中复选框的全选、全不选及反选功能的方法。通过获取名为'checkMessList'的元素集合，并定义了三个函数：全选(checkAll)、全不选(checkCancel)和反选(checkInvert)，实现了对复选框的有效管理和便捷操作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >



      
        var c =  document.getElementsByName("checkMessList");
        
        function checkAll()
        {
        
          for(var i=0; i<c.length; i++)
          {
            c[i].checked = true;
          }
          
        }
        
        function checkCancel()
        {
        
          for(var i=0; i<c.length; i++)
          {
            c[i].checked = false;
          }
          
        }
        
        
        function checkInvert()
        {
          for(var j=0; j<c.length; j++)
          {
            if( c[j].checked)
            {
             c[j].checked = false;
            }
            else
            {
             c[j].checked = true;
            }
            
          }
        }
      

JavaScript反选
chuanluwang的博客
11-05 511
//应用外置的JS  function test7(){ var status = document.getElementsByClassName("all")[0].checked;  var strs = document.getElementsByClassName('str'); for(i in strs){ strs[i].checked = status; }  }
Javascript实现全选反选
08-11
Javascript实现全选反选 Javascript绑定事件
Javascript实现全选与反选
weixin_44940718的博客
06-07 156
js应用广泛，写购物车的时候用到到了，就写一个测试版的。 上代码html: <td>111<input class="check" type="checkbox" name="a[]" id="a1" value="1"></td> <td>222<input class="check" type="checkbox" name="a[]" id="a2" value="2"></td>
实现全选、反选与全部选反选效果的JavaScript教程
最新发布
weixin_35728286的博客
05-20 939
forEach通过本章的介绍，我们可以看到方法如何简化全选和反选功能的代码实现，提高代码的可读性和维护性。forEach是一种现代JavaScript开发中不可或缺的工具，它提供了一种简洁、直观的方式来处理数组元素，使得开发者能够以更加函数式的方式编写代码，减少副作用，并保持代码的纯净和简洁。
JavaScript的全选与反选
qq_26925297的博客
04-11 421
&lt;body&gt;           &lt;table&gt;    &lt;tr&gt;            &lt;td&gt;&lt;input type="checkbox" name="hobby"&gt;&lt;/td&gt;       &lt;td&gt;篮球&lt;/td&gt;    &lt;/tr&a
javascript 全选与反选
Tjhfsghbjknjdy的博客
12-12 407
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> //获取checkbox按钮组 var allp...
复选框全选反选取消
06-01
在网页交互设计中，"复选框全选反选取消"功能是常见的一种用户操作，尤其在处理大量数据选择时非常实用。这个功能允许用户通过一个主复选框（通常称为全选框）来一次性选中或取消所有子复选框，也可以单独选择或取消...
javascript 全选/反选,取消选择效果
11-30
下面我们将详细探讨如何使用 JavaScript 实现全选/反选及取消选择的效果。 首先，我们需要了解 HTML 中的 `<input type="checkbox">` 标签，它是用来创建复选框的。当用户点击这个复选框时，其 `checked` 属性会被...
javaScript实现复选框全选反选事件详解
10-19
复选框全选和反选是网页交互设计中常见的功能，常用于列表操作、表单提交等场景，允许用户一次性选择或取消选择多个选项。文中将通过实例代码展示如何编写全选和反选功能，以及它们的基本工作原理。 首先，全选功能...
[学习笔记]JS全选反选
[ 风少爷]
04-16 269
function checkAll(){ var checkname=document.getElementsByName("neirongcheck"); var checkAlls=document.getElementById("checkall"); for(var i=0;i if(checkAlls.checked==true){ checkname[i].checked=t
JavaScript实现全选和反选
阿臻
10-11 334
这里使用的jQuery实现的全选反选 此处为html和css,因为喜欢军人所以做了一个关于当兵的表格,如果里面的方法不明白可以点一下链接去看一下文档,都是我自己的看法,我是小白,感觉不好就随便看看,希望不会给小白们造成误解. <style> .box { width: 200px; margin: 0 auto; } input {...
JavaScript全选和反选
04-30
<script language=javascript> function checkAll(boolvalue){ var items=document.getElementsByTagName("input"); for(i=0;i<items.length;i++){ if(items[i].type=="checkbox"){ items[i].checked=boolvalue; } } } //反选 function IscheckAll(boolvalue){ var items=document.getElementsByTagName("input"); for(i=0;i<items.length;i++){ if(items[i].type=="checkbox"){ if(items[i].checked==true){ items[i].checked=false; }else{ items[i].checked=boolvalue; } } } } </script>
[JavaScript] 实现全选与反选功能
Regino的博客
04-07 571
本文包含了 JavaScript 中实现全选与反选功能的相关案例。。。
Javascript实现全选和和反选功能
夜雨寒竹的博客
08-21 1394
用立即执行函数的方式： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...
javascript实现全选/全不选/反选
№逆☆风℃‰
03-25 248
function dosubmit(name,id) { var names=document.getElementById(id); if(names.checked==true){ checkedAll(name) } else{ checkedNo(name) } } //全选 function checkedAll(name) ...
javascript全选反选
世間所有的相遇，都是久別重逢
03-17 856
//获取下拉列表中选中的文本的值 var sd=document.getElementById("sed"); alert(sd.options[sd.selectedIndex].text); var ds=$("#sed option:selected").text(); $(function() { //全选 按钮的方式实现 $("#qu").click(function() {
javascript实现全选与反选
hongtengfei523的博客
09-29 465
//全选/全不选 功能的实现------------------------------------------------------------         function change(){         var inputQXNode = document.getElementsByName("CheckItiems")[0];         var checkNodes
javascript 全选与反选
diaozhuochuan9223的博客
10-08 101
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <link href="css/StyleSheet.css" rel="stylesheet" type="text/css" /> <scr...
掌握GRIDVIEWHELPER中全选反选取消删除功能
"全选反选取消删除"功能是GridView组件中非常实用的一组操作，它允许用户通过简单的选择和操作来批量处理数据。而"gridviewHelper"则是一个辅助类或方法，用于帮助开发者更方便地实现这些功能。 下面将详细介绍...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

河马开源

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值