Js checkbox全选和全不选

最新推荐文章于 2023-02-10 17:25:55 发布

原创最新推荐文章于 2023-02-10 17:25:55 发布 · 538 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #function

前端专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个JavaScript函数用于全选HTML表单中的可选元素，并通过链接调用该函数实现一键全选功能。

           function checkAllViewable(bool){
                var boxs = document.getElementsByName("viewables");
                for (var i = 0; i < boxs.length; i++) {
                    if (boxs[i].type == "checkbox") 
                        boxs[i].checked = bool;
                }
            }

  <A href="javascript: checkAllViewable(true)">可见全选</A>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

FighterLiu

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JQ checkbox 全选和全不选

06-10

"JQ checkbox 全选和全不选"这个主题聚焦于jQuery如何实现复选框的选择功能，特别是全选和全不选的交互效果。这种功能常见于数据表格或列表的筛选中，允许用户一次性选择或取消选择所有项目。首先，我们需要了解...

js实现全选和全不选功能

10-15

在JavaScript中，实现全选和全不选的功能是常见的需求，尤其在处理表格或列表时。这个功能允许用户一键选择所有选项或者一键清除所有选择。本篇将详细讲解如何使用JavaScript来实现这一功能。首先，我们需要一个...

参与评论您还未登录，请先登录后发表或查看评论

JS实现复选框的全选和全不选

paradisezzy的博客

10-15

2743

无标题文档请选择你爱好: 音乐登山游泳阅读打球跑步请输入您要选择爱好的序号，序号为1-6: function checkall(){ var hobby = document.getElementsByTagNa

javascript应用：实现复选框全选/全不选切换

meizz的专栏

12-01

7310

经常有人问起在网页里实现多选框的全选功能，今天我就写了这么一个DEMO全选与不全选的切换function checkAll(e, itemName){ var aa = document.getElementsByName(itemName); for (var i=0; i aa[i].checked = e.checked;}function checkItem(e,

新手学JavaScript（四）----CheckBox全选与全不选

weixin_34387284的博客

01-27

188

前两天开发界面时，实现了一个新的小功能，CheckBox复选框的全选与全不选样式的实现纯CSS实现 VS JQuery+CSS实现在这给大家推荐一款比较不错的纯CSS实现的CheckBox–CSSCheckBox，用bootstrap里面自带的checkbox和radio样式不太美观，所以就另找...

JS 复选框全选

大任的网络专栏

06-10

666

/* select all */ $('.selectall').click(function(){ var chickAttr = $(this).attr("checked"); if(chickAttr) { $('input[type=checkbox][name=id\\[\\]]').attr('checked','checked'); }else { $('input

checkbox 与JS的应用

NiceGY

12-08

1605

JS是一种基于(面向)对象的语言。所有的东西都基本上是对象。基于对象和面向对象概念上基本上没有什么区别。 js没有类，它把类功能称为原型对象。是同一个概念。主要是因为js没有class关键字。类==原型对象。 js对象的属性可以动态的添加，是动态语言的表现。

checkbox全选、全不选

祁梦@

03-18

1515

// 全选、全不选事件 function checkAll() { let allCheck = document.getElementById('allCheck'); let chBox = document.getElementsByName('addressCode'); let len = chBox.length; for (let i = 0; i < len; i++) { // 当...

JavaScript案例-js全选和全不选.zip

02-16

这个"JavaScript案例-js全选和全不选.zip"压缩包文件聚焦于一个常见的交互功能：全选和全不选。在网页表单或数据列表中，用户经常需要一次性选择所有项或取消所有项的选择，这一功能就通过JavaScript来实现。全选...

js实现全选和全不选

12-28

本文实例为大家分享了js实现全选和全不选的具体代码，供大家参考，具体内容如下非常简洁的几行原生js实现全选和全不选，大神们可以在此基础上加上反选功能。 <!DOCTYPE html> <html> <head> <...

jquery实现全选和全不选功能效果的实现代码【推荐】

10-22

首先，文章标题中提到的“jquery实现全选和全不选功能效果的实现代码”暗示我们将要探讨的是如何通过jQuery这个流行的JavaScript库来控制复选框（checkbox）的选中状态。jQuery是一个快速、小巧且功能丰富的...

复选框checkbox全选与全不选

demo_gsl的博客

06-29

3144

1.html复选框标签代码如下：<input type="checkbox" id="checkboxall" value="1" onclick="check();"><br><input type="checkbox" id="inlineCheckbox" name="box" >

实现复选框全选和全不选的切换

木木木华的博客

02-10

2417

实现复选框全选和全不选的切换

复选框的全选、全不选和反选

weixin_57762552的博客

04-19

4334

如图：整个页面内容非常少只有五个复选框和三个按钮，如果嫌复选框少的话可以自己手动增加。 HTML内容如下图，但要注意一点就是输入框的tyep属性的属性值一定要是checkbox，因为checkbox就是复选框的意思，在HTML里也是复选框，所以tyep的值一定要是checkbox，要不然它就不是一个复选框。接下来就是本篇文章的重点，JavaScript部分。按照惯例首先要获取到所有...

checkbox的三种状态——全选、部分选择、全不选

liusixsixsix的博客

10-16

2881

<el-checkbox :indeterminate="a" v-model="b">全选</el-checkbox> checkbox有三种状态全选(显示的’√’), 选中部分(显示的’-’), 全不选(啥都没显示) 对于indeterminate和v-model绑定的a和b的值如果true true 或者 true false样式为- 如果false true样式为√ 如果false false样式为不勾 <template> <div class

前端checkbox全选与全不选

岁月栖迟的博客

09-29

932

js原生代码 //功能1：通过标题行选中状态控制数据行选中状态 function fun1(){ //1.获得标题行checkbox的选中状态 var flag = document.getElementById("one").checked; //2.获得数据行所有checkbox关联的DOM对象 var domArray =document.getElementsByName("ck"); //3.依次对数据行中每一个checkbox的checked属性进

checkbox的全选和不全选

在工作中记录下美好的瞬间~~

01-24

2410

首先是布局，很简单的。布好局之后我们再来实现这个checkbox的全选和不全选的功能，给全选一个id 然后根据这个id来进行全选的操作，给全选checkbox绑定单机事件，分两个种情况，一是全选，二是不全选第一种情况实现全选，就是将子checkbox的checked属性为true即可，第二种情况实现取消全选，就是将子checkbox的checked属性改为fal

checkbox全选/全不选的三种方法

爱.NET

11-16

1454

checkbox全选/全不选 /*方法一：*/ function checkAll(cName) { var code_Values = document.all[checkbox_name]; if (code_Values.length) { for ( var i = 0; i < code_Values.length; i++) { c...

修改checkbox(复选框)默认的样式/复选框的全选全不选

m0_53912016的博客

09-13

1487

修改 checkbox(复选框) 默认的颜色 https://blog.youkuaiyun.com/weixin_44037153/article/details/107405594 复选框的全选全不选 https://www.cnblogs.com/sgs123/p/10436516.html

js创建表格全选和全不选