使用原js实现简单的复选框功能
废话没多说,直接给大家粘上代码,具体代码如下所示:非所有权文件
选择
查找/选择按钮
无功ochkallbtn = document.getelementbyid('cheakall);
无功odiv = document.getelementsbytagname('div){ 0 };
无功ainput = odiv.getelementsbytagname(输入的);
var = 0; /计数器
/ /警报(ainput。长度);
单击选择所有按钮以选择其他按钮
OChkAllBtn。onclick =函数(){
我的判断是什么
如果(此检查= TRUE){
对于(var i = 0;i < ainput.length;i++){
ainput {我}检查=真;
}
其他{ }
对于(var i = 0;i < ainput.length;i++){
我ainput { }。检查=假;
}
}
对于(var i = 0;i < ainput.length;i++){
如果(此=检查= TRUE),以确定其状态{所有按钮
ainput {我}检查=真;
n = ainput.length; / /控制计数器
其他{ }
我ainput { }。检查=假;
n = 0; /控制计数器
}
};
};
/ / --------------------------------------------
每个按钮绑定事件
对于(var j = 0;J < ainput.length;j++){
ainput {,}。onclick =函数(){
如果我 / /民虫N + +或-
如果(此检查= TRUE){
氮+;
其他{ }
n;
};
/ / console.log(N);
/ /如果n = = ainput.length
如果(n = = ainput。长度){
OChkAllBtn。检查=真;
其他{ }
OChkAllBtn。检查= false;
}
};
};
以上是萧边介绍本地使用js实现的一个简单的复选框的功能,希望对大家有所帮助,如果您有任何问题,请给我留言,萧边会及时回复你。谢谢你的支持网站。