????：有如下案例，使用JavaScript實現(xiàn)全選（全不選）按鈕。這個按鈕在實際開發(fā)中也是很常用的，源碼附上 <!DOCTYPE html> <html> <head>
有如下案例，使用JavaScript實現(xiàn)全選（全不選）按鈕。
這個按鈕在實際開發(fā)中也是很常用的，源碼附上
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>多選框練習(xí)</title>
</head>
<body>
<input type="checkbox" id="n2" onclick="set();"/>全選/全不選<br/><hr/>
<input type="checkbox" name="nn" />羽毛球<br/>
<input type="checkbox" name="nn" />藍(lán)球<br/>
<input type="checkbox" name="nn" />橄欖球<br/>
<input type="checkbox" name="nn" />乒乓球<br/>
<input type="checkbox" name="nn" />足球<br/>
<input type="checkbox" name="nn" />棒球<br/><hr/>
<input type="button" value="全選" onclick="setAll();" />
<input type="button" value="全不選" onclick="setNone();" />
<input type="button" value="反選" onclick="setBack();" />
<script type="text/javascript">
function setAll() {
var a=document.getElementsByName("nn");//先獲取input多選框
//獲取的a是個數(shù)組，遍歷這個數(shù)組，設(shè)置checked屬性
for(var i=0;i<a.length;i++){
a[i].checked=true;//checked為true時是選中，false時是未選中
}
}
function setNone() {
var a=document.getElementsByName("nn");
for(var i=0;i<a.length;i++){
a[i].checked=false;
}
}
function setBack() {
var c=document.getElementsByName("nn");
for(var i=0;i<c.length;i++){
if(c[i].checked==true){
c[i].checked=false;
}
else{
c[i].checked=true;
}
}
}
function set() {
var d=document.getElementById("n2");
if(d.checked==true){
setAll();//直接調(diào)用已有的方法，設(shè)置checked屬性
}
else{
setNone();
}
}
</script>
</body>
</html>
?? ???：查無此人?? ??：2019-05-05 10:33:23
???? ??：完成的不錯。這個最簡單的全選，之后的商城購物車功能，還會增加計算購物車?yán)锷唐返目們r。繼續(xù)加油