天天看點
傳回

JS實作全選反選全不選

不廢話，上代碼，要下載下傳的在文章末尾有連接配接

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>無标題文檔</title>

<script>

window.οnlοad=function()

{

var aCh=div1.getElementsByTagName('input');

btn1.οnclick=function()

{

//aCh[0].checked=true;

for( var i=0;i<aCh.length;i++){

aCh[i].checked=true;

};

};

btn2.οnclick=function()

{

//aCh[0].checked=true;

for( var i=0;i<aCh.length;i++){

aCh[i].checked=false;

};

};

btn3.οnclick=function()

{

//aCh[0].checked=true;

for( var i=0;i<aCh.length;i++){

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

aCh[i].checked=false;

}else{

aCh[i].checked=true;

}

};

};

};

</script>

</head>

<body>

<input  id="btn1" type="button" value="全選" />

<input  id="btn2" type="button" value="不選" />

<input  id="btn3" type="button" value="反選" />

<div id="div1">

<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 />

<input type="checkbox" /> <br />

<input type="checkbox" /> <br />

<input type="checkbox" /> <br />

<input type="checkbox" /> <br />

</div>

</body>

</html>

http://download.csdn.net/detail/qq_25824243/9873810

web js 全選 反選 不選
上一篇: 常用的全選與反選
下一篇: react實作全選和反選_react實作全選和反選

繼續閱讀