小程序購物車實現全選與反選_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>

希望能幫到你~

小程序購物車實現全選與反選

與小程序購物車實現全選與反選相關的內容