js实现全选全不选和反选的功能(js全选,反选,全不选搜狗问问)

1.js全选,反选,全不选 搜狗问问

首先选择器写法就不对

document.getElementsByName['game'],至少这么写

其次

由于你所有input标签所有的name属性都不一样,不能批量选择,除非像楼上贴代码那哥们一样,把所有的复选框的name属性都改为game也可以。如果纯粹是为了达到目的话用document.getElementsByTagName("input"),能达到效果

另外,楼上也提到了,判断的等号==

还有提醒楼主一下,不要反复的使用选择器,少量代码无所谓,大量代码的情况下会降低运算效率的。

在楼主的代码基础上改了一下

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

//全选

functiontest()

{

obj = document.getElementsByTagName("input")

for(vari=0;i {

varf=obj[i];

if(f.checked==false)

{

f.checked=true;

}

}

}

//反选

functionftest()

{

obj = document.getElementsByTagName("input")

for( vari=0;i {

f=obj[i];

if(f.checked==false)

{

f.checked=true;

}

else

{

f.checked=false;

}

}

}

//全部取消

functionCancelAll()

{

obj = document.getElementsByTagName("input")

for( vari=0;i {

f=obj[i];

if(f.checked==true)

{

f.checked=false;

}

}

}

2.JS代码如何实现复选框全选?

【实例代码】html xmlns= headtitle全选/titlescript type=text/javascript function SelectAll() { oEl = event。

srcElement; //获取当前单击的元素 for(i = 0;i document。all。

length; i++) { // 遍历所有的checkbox if(document。all(i)。

id。indexOf(Checkbox) != -1) { if(oEl。

checked) //如果选择了全选 document。all(i)。

checked = true; //全选 else document。all(i)。

checked = false; //全不选 } } }/script/headbodyinput id=Checkbox1 type=checkbox value=a /label 争取举办奥运会的城市/labelbr /input id=Checkbox2 type=checkbox value=b/label 举办过奥运会的城市/labelbr /input id=Checkbox3 type=checkboxvalue=c /label 成功举办奥运会的城市/labelbr /input id=Checkbox4 type=checkbox value=d /label 亚洲举办过奥运会的城市/labelbr / input id=Checkbox5 type=checkbox onclick=SelectAll()/全选或全不选/body/html【运行效果】【难点剖析】本例的重点是如何获取页面中所有的“checkbox”。 此处使用的是方法是遍历页面中所有的元素,然后判断元素的id中是否包含“checkbox”字符串,如果包含则说明此元素是复选框。

最后设置复选框的“checked”属性值为“true”(选中)或“false”(不选)。

全选,不选,功能,js

3.JS代码如何实现复选框的反选?

【实例代码】HTMLHEADtitle反选-学无忧()/titlescript language=javascript function selectOther(chkObj){ for(var i = 0;ichkObj。

elements。length;i++) //遍历窗体中的元素 if(chkObj。

elements[i]。type == checkbox ) //判断元素类型是否是复选框 { if(!chkObj。

elements[i]。checked) //如果复选框未选中 chkObj。

elements[i]。checked = true; //改为选中状态 else chkObj。

elements[i]。checked = false; //改为未选中状态 }} /script /HEADBODYform name=form1 input id=Checkbox1 name=chk type=checkbox /旅游br / input id=Checkbox2 name=chk type=checkbox /体育br / input id=Checkbox3 name=chk type=checkbox /音乐br / input id=Button1 type=button value=反选 onclick=selectOther(document。

form1) //form/BODY/HTML 【难点剖析】本例的重点是如何遍历窗体中所有的复选框控件。本例使用for循环语句,通过“type”属性逐个判断窗体中每个元素的类型,如果类型为“checkbox”,则判断其是否被选中.然后设置复选框为反选状态即可。

4.JS如何实现全选

简单的如下,从后台读取数据的时候为每家店铺的商品单独加类

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<scriptsrc=">

js实现全选全不选和反选的功能

转载请注明出处JS代码网 » js实现全选全不选和反选的功能(js全选,反选,全不选搜狗问问)

资讯

js的promise毫无用处(js中promise到底怎么用)

阅读(7)

本文主要为您介绍js的promise毫无用处,内容包括js中promise到底怎么用,谁可以告诉我些手机有用的暗码和用途,最近要买手机,急!!!最近,JavaScript的用途?。我举个生活中的例子吧,比如说你去麦当劳买吃的,你下订单后,会给你一个小纸条,这个小纸条

资讯

web的js怎么打开文件(JS文件怎么打开?)

阅读(7)

本文主要为您介绍web的js怎么打开文件,内容包括JS文件怎么打开?,html里怎么用js打开文件?,怎么在网页里打开js文件。js文件常见的有两种用法。 1.在网页里使用:一般不能直接打开,只有配合网页使用,如果是想破解某网站的在线电影等,仅从js文件入

资讯

js对上传的文件加密(js客户端有没有好的方式实现加密)

阅读(8)

本文主要为您介绍js对上传的文件加密,内容包括如何加密javascript文件,js客户端有没有好的方式实现加密,图片加密上传的图片怎么加密。本帖最后由 liyihongcug 于 2014-1-26 22:59 编辑请参看地图web 好几家公司间接方式早已经实现的只不过

资讯

使用js清除当前用户的cookies(javascript怎样清除cookie)

阅读(6)

本文主要为您介绍使用js清除当前用户的cookies,内容包括如何使用js删除cookies?,javascript怎样清除cookie,js如何删除cookie。js清除cookie的方法一般是有两种方法。<br>一个是通过删除cookie的所有变量,其cookie也就随之被清除。代码实例

资讯

js过去拼接数组的值(javascript数组拼接问题varck0=$("leftMe)

阅读(7)

本文主要为您介绍js过去拼接数组的值,内容包括js多个数组合并每一个值对应一个数组,javascript数组拼接问题varck0=$("leftMe,如何在JavaScript与ActiveX之间传递数据。getElementsByTagName得到的是 HTMLCollection,不能修改,删除,自己for变

资讯

文字的扩大或缩小js(js改变字体大小)

阅读(6)

本文主要为您介绍文字的扩大或缩小js,内容包括js改变字体大小,如何做文字放大缩小波浪效果js,JS代码如何实现状态栏缩放文字?。<html><br><head><br><script><br>function wahaha()<br>{<br> var fontS

资讯

js一张纸的厚度(一张a4纸的厚度是多少mm)

阅读(5)

本文主要为您介绍js一张纸的厚度,内容包括一张纸的厚度是多少?,一张纸的厚度大约是多少厘米,一张纸的厚度。根据纸张质量不同,厚度也不尽相同。A4打印纸( 80克/m²) 500张 约厚52mm,因此,一张纸的厚度大约是0.104mm。 按纸张

资讯

js中attr的用法实现不显(比较级和never的用法)

阅读(7)

本文主要为您介绍js中attr的用法实现不显,内容包括JS中使用attr赋值时,添加的onclick事件中的“&”怎样才能不转码?,js的removeattr方法之后怎么重现att?,比较级和never的用法。最高级,看第四点,发那么多那你更明白与懂得。1.“as+adj/adv+as

资讯

js的方法中如何定义一个map(javajs怎么创建map数组)

阅读(5)

本文主要为您介绍js的方法中如何定义一个map,内容包括js里定义map应该怎么写,js里定义map应该怎么写,js可以定义map吗。js的数组可以存放任意js类型。包括其他数组、对象或者函数的引用。关联数组与常规数组是有区别的,常规数组用数字下标,关

资讯

js的promise毫无用处(js中promise到底怎么用)

阅读(7)

本文主要为您介绍js的promise毫无用处,内容包括js中promise到底怎么用,谁可以告诉我些手机有用的暗码和用途,最近要买手机,急!!!最近,JavaScript的用途?。我举个生活中的例子吧,比如说你去麦当劳买吃的,你下订单后,会给你一个小纸条,这个小纸条

资讯

web的js怎么打开文件(JS文件怎么打开?)

阅读(7)

本文主要为您介绍web的js怎么打开文件,内容包括JS文件怎么打开?,html里怎么用js打开文件?,怎么在网页里打开js文件。js文件常见的有两种用法。 1.在网页里使用:一般不能直接打开,只有配合网页使用,如果是想破解某网站的在线电影等,仅从js文件入

资讯

js对上传的文件加密(js客户端有没有好的方式实现加密)

阅读(8)

本文主要为您介绍js对上传的文件加密,内容包括如何加密javascript文件,js客户端有没有好的方式实现加密,图片加密上传的图片怎么加密。本帖最后由 liyihongcug 于 2014-1-26 22:59 编辑请参看地图web 好几家公司间接方式早已经实现的只不过

资讯

使用js清除当前用户的cookies(javascript怎样清除cookie)

阅读(6)

本文主要为您介绍使用js清除当前用户的cookies,内容包括如何使用js删除cookies?,javascript怎样清除cookie,js如何删除cookie。js清除cookie的方法一般是有两种方法。<br>一个是通过删除cookie的所有变量,其cookie也就随之被清除。代码实例