当前位置：首页 » 网购平台 » js购物车全选和反选
扩展阅读
宁波奥德赛优惠价格 2021-03-15 14:26:02
丹尼斯购物卡能挂失么 2021-03-15 14:25:58
淘宝购物指纹验证失败 2021-03-15 14:24:44

js购物车全选和反选

发布时间: 2021-03-01 18:52:25

『壹』 js写的全选反选，但不够完善，求指点

<!>
<html>
<head>
<metacharset=UTF-8>
<title>YuGiOh</title>
<styletype="text/css">
</style>
<scripttype="text/javascript">
	onload=function()
{
	varobox=document.getElementById("box");
	varodiv=document.getElementById("div1");
	varach=odiv.getElementsByTagName("input");
	obox.onclick=function()
	{
		for(vari=0;i<ach.length;i++)
		{
			ach[i].checked=this.checked;
		}
	}
	
	for(vari=0;i<ach.length;i++)
	{
		ach[i].onclick=function()
		{
			if(!this.checked)
			{
				obox.checked=false;
			}
		};
	}
}
</script>
</head>
<body>
	<label><inputid="box"type="checkbox"/>全选</label>
	<br>
	<divid="div1">
		<label><inputtype="checkbox"/>1</label><br/>
		<label><inputtype="checkbox"/>2</label><br/>
		<label><inputtype="checkbox"/>3</label><br/>
		<label><inputtype="checkbox"/>4</label><br/>
	</div>
</body>
</html>

『贰』 js全选，反选，取消


<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<html>
<head>
<title>NewDocument</title>
<scripttype="text/javascript">
//全选
	functiontest()
	{
	varf=document.getElementsByName("game");
	
		(vari=0;i<f.length;i++)
		{
			if(f[i].checked==false)
			{
				f[i].checked=true;
			}
		}
	}
	//反选
	functionftest()
	{
		varf=document.getElementsByName("game");
		for(vari=0;i<f.length;i++)
		{
			
			if(f[i].checked==false)
			{
				f[i].checked=true;
			}
			else
			{
				f[i].checked=false;
			}
		}
	}
	//全部取消
	functionCancelAll()
	{
		varf=document.getElementsByName("game");
		for(vari=0;i<f.length;i++)
		{
		
			if(f[i].checked==true)
			{
				f[i].checked=false;
			}
		}
	}
</script>
</head>

<body>
	<inputname="game"type="checkbox"value="lanqiu"/>篮球
	<inputname="game"type="checkbox"value="zuqiu"/>足球
	<inputname="game"type="checkbox"value="pingpangqiu"/>乒乓球
	<inputname="game"type="checkbox"value="bangqiu"/>棒球
	<inputname="game"type="checkbox"value="ganlanqiu"/>橄榄球<br/>
	<inputtype="button"value="全选"onclick="test()"/>
	<inputtype="button"value="反选"onclick="ftest()"/>
	<inputtype="button"value="全不选"onclick="CancelAll()"/>

</body>
</html>

把if(f[i].checked=true) 改为if(f[i].checked==true)

『叁』 js实现checkbox全选、不选与反选的方法

本文实例讲述了js实现checkbox全选、不选与反选的方法。分享给大家供大家参考。具体分析如下：
一、思路：
1.
获取元素
2.
给全选
不选
反选添加点击事件
3.
用for循环checkbox
4.
把checkbox的checked设置为true即实现全选
5.
把checkbox的checked设置为false即实现不选
6.
通过if判断，如果checked为true选中状态的，就把checked设为false不选状态，如果checked为false不选状态的，就把checked设为true选中状态。
二、html代码：
<input
type="button"
value="全选"
id="sele"/>
<input
type="button"
value="不选"
id="setinterval"/>
<input
type="button"
value="反选"
id="clear"/>
<div
id="checkboxs">
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
</div>
三、js代码：
<script>
window.onload=function(){
var
sele=document.getElementById('sele');//获取全选
var
unsele=document.getElementById('setinterval');//获取不选
var
clear=document.getElementById('clear');//获取反选
var
checkbox=document.getElementById('checkboxs');//获取div
var
checked=checkbox.getElementsByTagName('input');//获取div下的input
//全选
sele.onclick=function(){
for(i=0;i<checked.length;i++){
checked[i].checked=true
}
}
//不选
unsele.onclick=function(){
for(i=0;i<checked.length;i++){
checked[i].checked=false
}
}
//反选
clear.onclick=function(){
for(i=0;i<checked.length;i++){
if(checked[i].checked==true){
checked[i].checked=false
}
else{
checked[i].checked=true
}
}
}
}
</script>
希望本文所述对大家的javascript程序设计有所帮助。

『肆』 js全选，反选，全不选

首先选择器写法就不对

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

其次

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

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


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


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

//全选
	functiontest()
	{
	obj=document.getElementsByTagName("input")
		for(vari=0;i<obj.length-3;i++)
		{
			varf=obj[i];
			if(f.checked==false)
			{
				f.checked=true;
			}
		}
	}
	//反选
	functionftest()
	{
		obj=document.getElementsByTagName("input")
		for(vari=0;i<obj.length-3;i++)
		{
			f=obj[i];
			if(f.checked==false)
			{
				f.checked=true;
			}
			else
			{
				f.checked=false;
			}
		}
	}
	//全部取消
	functionCancelAll()
	{
		obj=document.getElementsByTagName("input")
		for(vari=0;i<obj.length-3;i++)
		{
			f=obj[i];
			if(f.checked==true)
			{
				f.checked=false;
			}
		}
	}

『伍』 JS无法实现全选和反选 应该怎么改

有几个地方可能有问题：

  1. 部分浏览器不支持form1.这种方法访问控件，使用document.方法。


if(elements[i].type=='checkbox') {

if(elements[i].checked==false){
elements[i].checked=true;}}


这样内写会比较好容点：

if (elements[i].type == 'checkbox') elements[i].checked = !elements[i].checked;

『陆』 js的全选反选(两组复选框)

jquery 两行搞定
$("input[name='a[]']").attr('checked', true); 所有name为a[]的都专选中属
$("input[name='b[]']").attr('checked', false); 所有name为b[]的都取消选中

『柒』 js解决checkbox全选和反选的问题

<script>
functionSelectAll(){
varcheckboxs=document.getElementsByName("choose");
for(vari=0;i<checkboxs.length;i++){
vare=checkboxs[i];
e.checked=!e.checked;
}
}
</script>

<inputtype="checkbox"name="choose">跳舞
<inputtype="checkbox"name="choose">跳水
<inputtype="checkbox"name="choose"/>跳棋
<inputtype="checkbox"name="choose"/>跑步<br/>
<inputtype="checkbox"name="allChecked"id="allChecked"onclick="SelectAll()"/>全选专属/取消

『捌』 js做了个简单的全选 取消全选 与反选出现了小问题求大佬解答！

您好你这个代码除了一点问题是因为，你再判断下方的赋值逻辑是错的专

你可以把

if(aCh[i].checked==true)

{

aCh[i].checked=false;

}

else

{

aCh[i].checked=true;

}

这里改好就行属了，记住在判断后是要赋值的，不要对比了再对比

『玖』 用js 实现一个checkbox同时能全选和取消的功能

贴一个自己的代码供你参考：

<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Title</title>
<scripttype="text/javascript">
window.onload=function(){
function$(id){
returndocument.getElementById(id);
}
varinputArr=document.getElementById("myCBox").getElementsByTagName("input");
functionsel(flag){
for(vari=0;i<inputArr.length;i++){
inputArr[i].checked=flag;
}
}
//全选
$("selAll").onclick=function(){
sel(true);
}
//取消选择
$("cancelSel").onclick=function(){
sel(false);
}
//反选
$("invertSel").onclick=function(){
for(vari=0;i<inputArr.length;i++){
inputArr[i].checked=!inputArr[i].checked;
}
}
}
</script>
</head>
<body>

<buttonid="selAll">全选</button><buttonid="cancelSel">取消全选</button><buttonid="invertSel">反选</button>
<divid="myCBox">
<div><inputtype="checkbox">测试1</div>
<div><inputtype="checkbox">测试2</div>
<div><inputtype="checkbox">测试3</div>
<div><inputtype="checkbox">测试4</div>
<div><inputtype="checkbox">测试5</div>
<div><inputtype="checkbox">测试6</div>

</div>
</body>
</html>

运行效果：

『拾』 js全选反选的问题

<script>
function SelectAll() {
var checkboxs=document.getElementsByName("checkboxid");
for (var i=0;i<checkboxs.length;i++) {
var e=checkboxs[i];
e.checked=!e.checked;
}
}
</script>
<a href="#" onclick="SelectAll()">全选/反选</a>
<form name="checkboxform">
<input type="checkbox" name="checkboxid" id="checkboxid" value="<%=rst("fo_id")%>" />
</form>

阅读全文

与js购物车全选和反选相关的内容

本站内容整理源于互联网，如有问题请联系解决。
Copyright design: www.9igoo.com since 2014