首页 > 其他 > 详细

jq变态全选vs原生变态全选

时间:2016-11-12 23:27:45      阅读:348      评论:0      收藏:0      [点我收藏+]

<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原生变态全选

原文:http://www.cnblogs.com/wangjie-001/p/6057609.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!