jq变态全选vs原生变态全选
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jq变态全选vs原生变态全选相关的知识，希望对你有一定的参考价值。
<script>
$(function(){
var num=0;
$("#btn").on(‘click‘,function(){
if(this.checked){
$("#box").children().attr(‘checked‘,true);
num=$("#box").children().length;//赋个值
}else{
$("#box").children().attr(‘checked‘,false);
num=0;//赋个值
}
});
$("#box").children().on(‘click‘,function(){
if(this.checked){
num++;
}else{
num--;
}
if(num==$("#box").children().length){
$("#btn").attr(‘checked‘,true);
}else{
$("#btn").attr(‘checked‘,false);
}
});
});
</script>
=======
<script>
window.onload = function(){
var aInput = document.getElementsByTagName(‘input‘);
//上面的全选按钮:
aInput[0].onclick = function(){
if(this.checked == true){
for(var i = 0; i < aInput.length; i++){
aInput[i].checked = true;
}
num = aInput.length - 1;
}else{
for(var i =0; i < aInput.length; i++){
aInput[i].checked = false;
}
num = 0;
}
}
var num = 0;
for(var i = 1; i < aInput.length; i++){
aInput[i].onclick = function(){
if(this.checked == true){
num++;
}else{
num--;
}
if(num == aInput.length - 1){
aInput[0].checked = true;
}else{
aInput[0].checked = false;
}
}
}
}
</script>
以上是关于jq变态全选vs原生变态全选的主要内容，如果未能解决你的问题，请参考以下文章