小程序购物车实现全选与反选_js做了个简单的全选取消全选与反选出现了小问题求大佬解答！

① 有没有simpleadapter中使用checkbox实现全选、反选、取消的Demo

自己写的有问题，想看看别人的

② 用jquery怎么实现全选与反选

<ulid="list">
<li><label><inputtype="checkbox"value="1">1.时间都去哪儿了</label></li>
<li><label><inputtype="checkbox"value="2">2.海阔天空</label></li>
<li><label><inputtype="checkbox"value="3">3.真的爱你</label></li>
<li><label><inputtype="checkbox"value="4">4.不再犹豫</label></li>
<li><label><inputtype="checkbox"value="5">5.光辉岁月</label></li>
<li><label><inputtype="checkbox"value="6">6.喜欢你</label></li>
</ul>
<inputtype="checkbox"id="all">
<inputtype="button"value="全选"class="btn"id="selectAll">
<inputtype="button"value="全不选"class="btn"id="unSelect">
<inputtype="button"value="反选"class="btn"id="reverse">
<inputtype="button"value="获得选中的所有值"class="btn"id="getValue">
$(function(){
//全选或全不选
$("#all").click(function(){
if(this.checked){
$("#list:checkbox").attr("checked",true);
}else{
$("#list:checkbox").attr("checked",false);
}
});
//全选
$("#selectAll").click(function(){
$("#list:checkbox,#all").attr("checked",true);
});
//全不选
$("#unSelect").click(function(){
$("#list:checkbox,#all").attr("checked",false);
});
//反选
$("#reverse").click(function(){
$("#list:checkbox").each(function(){
$(this).attr("checked",!$(this).attr("checked"));
});
allchk();
});

//设置全选复选框
$("#list:checkbox").click(function(){
allchk();
});

//获取选中选项的值
$("#getValue").click(function(){
varvalArr=newArray;
$("#list:checkbox[checked]").each(function(i){
valArr[i]=$(this).val();
});
varvals=valArr.join(',');
alert(vals);
});
});
functionallchk(){
varchknum=$("#list:checkbox").size();//选项总个数
varchk=0;
$("#list:checkbox").each(function(){
if($(this).attr("checked")==true){
chk++;
}
});
if(chknum==chk){//全选
$("#all").attr("checked",true);
}else{//不全选
$("#all").attr("checked",false);
}
}

③ 网页中如何实现复选框的全选和反选

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

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

你可以把

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

{

aCh[i].checked=false;

}

else

{

aCh[i].checked=true;

}

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

⑤ 怎么实现单行checkbox全选和反选

<inputname='a'type='checkbox'value='1'>
<inputname='a'type='checkbox'value='2'>
<inputname='a'type='checkbox'value='2'>
<inputname='a'type='checkbox'value='2'>
<inputname='a'type='checkbox'value='2'>

<inputtype="button"id="all"value="全选"onclick="all()"/>
<inputtype="button"id="fan"value="反选"onclick="fan()"/>
<script>
functionall(){
//varcb=document.getElementsByTagName('input');也可以用这个
varcb=document.getElementsByName('a');
for(vari=0;i<cb.length;i++){
cb[i].checked=true;
}
}
functionfan(){
varcb=document.getElementsByName('a');
for(vari=0;i<cb.length;i++){
if(cb[i].checked==true){
cb[i].checked=false;
}else{
cb[i].checked=true;
}
}
}
</script>

------------------

改，像这样子的话，每给checkbox的名称都不能一样的、那么你就只能通过

<inputtype="button"id="all"value="全选"onclick="all('ab')"/>传值的方式来实现

functionall(objName){

varcb=document.getElementsByName(objName);

}

⑥ 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程序设计有所帮助。

⑦ 如何实现这个的全选与反选

<ul id="list"> <li><label><input type="checkbox" value="1"> 1.时间都去哪儿了</label></li> <li><label><input type="checkbox" value="2"> 2.海阔天空</label></li> <li><label><input type="checkbox" value="3"> 3.真的爱你</label></li> <li><label><input type="checkbox" value="4"> 4.不再犹豫</label></li> <li><label><input type="checkbox" value="5"> 5.光辉岁月</label></li> <li><label><input type="checkbox" value="6"> 6.喜欢你</label></li> </ul> <input type="checkbox" id="all"> <input type="button" value="全选" class="btn" id="selectAll"> <input type="button" value="全不选" class="btn" id="unSelect"> <input type="button" value="反选" class="btn" id="reverse"> <input type="button" value="获得选中的所有值" class="btn" id="getValue"> $(function () { //全选或全不选 $("#all").click(function(){ if(this.checked){ $("#list :checkbox").attr("checked", true); }else{ $("#list :checkbox").attr("checked", false); } }); //全选 $("#selectAll").click(function () { $("#list :checkbox,#all").attr("checked", true); }); //全不选 $("#unSelect").click(function () { $("#list :checkbox,#all").attr("checked", false); }); //反选 $("#reverse").click(function () { $("#list :checkbox").each(function () { $(this).attr("checked", !$(this).attr("checked")); }); allchk(); }); //设置全选复选框 $("#list :checkbox").click(function(){ allchk(); }); //获取选中选项的值 $("#getValue").click(function(){ var valArr = new Array; $("#list :checkbox[checked]").each(function(i){ valArr[i] = $(this).val(); }); var vals = valArr.join(','); alert(vals); }); }); function allchk(){ var chknum = $("#list :checkbox").size();//选项总个数 var chk = 0; $("#list :checkbox").each(function () { if($(this).attr("checked")==true){ chk++; } }); if(chknum==chk){//全选 $("#all").attr("checked",true); }else{//不全选 $("#all").attr("checked",false); } }

⑧ 复选框的全选、不选与反选

测试通过

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>复选框的全选、反选和不选</title>
</head>
<body>
<form name="form1" action="test1.php" method="post">
<table align="center" >
<tr>
<td><input type="checkbox" name="fruit[]" value="苹果" ></td>
<td colspan="2">苹果</td>
</tr>
<tr>
<td><input type="checkbox" name="fruit[]" value="香蕉" ></td>
<td colspan="2">香蕉</td>
</tr>
<tr>
<td><input type="checkbox" name="fruit[]" value="雪梨" ></td>
<td colspan="2">雪梨</td>
</tr>
<tr>
<td><input type="checkbox" name="fruit[]" value="西瓜" ></td>
<td colspan="2">西瓜</td>
</tr>
<tr>
<td><input type="checkbox" name="fruit[]" value="葡萄" ></td>
<td colspan="2">葡萄</td>
</tr>
<tr>
<td><input type=radio name="chk" id="chkAll" onClick="selectall();">全选</td>
<td><input type=radio name="chk" onClick="uncheckall();">不选</td>
<td><input type=radio name="chk" onClick="switchall();">反选</td>
</tr>
<tr>
<td colspan="3"><input type="submit" value="提交"></td>
</tr>
</table>
</form>
<script language="javascript">
function selectall()
{
with(document.form1) {
for(i=0;i<elements.length;i++) {
thiselm = elements[i];
if(thiselm.name.match(/fruit\[]/)) thiselm.checked = -1;
}
}
}
function uncheckall(fruit)
{
with(document.form1) {
for(i=0;i<elements.length;i++) {
thiselm = elements[i];
if(thiselm.name.match(/fruit\[]/)) thiselm.checked = 0;
}
}
}
function switchall(CheckSon)
{
with(document.form1) {
for(i=0;i<elements.length;i++) {
thiselm = elements[i];
if(thiselm.name.match(/fruit\[]/)) thiselm.checked = !thiselm.checked;
}
}
}
</script>
</body>
</html>

⑨ 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()"/>全选专属/取消

⑩ checkbox的全选与反选

<label><inputid="sel_1"onchange="selectAll()"type="checkbox"value="1"/>全选/全不选</label><br>
<inputtype="checkbox"value="2"/>
<inputtype="checkbox"value="3"/>
<inputtype="checkbox"value="4"/>
<inputtype="checkbox"value="5"/>
</body>
<scripttype="text/javascript">
functionselectAll(){
	varisCheck=$("#sel_1").is(':checked');//获得全选复选框是否选中
	$("input[type='checkbox']").each(function(){
		this.checked=isCheck;		//循环赋值给每个复选框是否选中
	});
}
</script>

希望能帮到你~

小程序购物车实现全选与反选

与小程序购物车实现全选与反选相关的内容