js CheckBox 全选反选
Posted 不忘初心8090
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js CheckBox 全选反选相关的知识，希望对你有一定的参考价值。
<h3>你最喜欢的水果是？</h3>
<label><input type="checkbox"/>苹果</label>
<label><input type="checkbox"/>香蕉</label>
<label><input type="checkbox"/>梨</label>
<label><input type="checkbox"/>芒果</label>
<label><input type="checkbox"/>哈密瓜</label>
<input type="button" onclick="choseAll()" value="全选"/>
<input type="button" onclick="unc()" value="反选"/>
<script>
var list=document.getElementsByTagName("input");
var len=list.length;
var i=0;
function choseAll(){
for(;i<len;i++){
list[i].checked=true;
}
}
function unc(){
for(;i<len;i++){
if(list[i].checked==true){
list[i].checked=false;
}
else{
list[i].checked=true;
}
}
}
</script>
以上是关于js CheckBox 全选反选的主要内容，如果未能解决你的问题，请参考以下文章