首页
IT
登录
6mi
u
盘
搜
搜 索
IT
资料整理06 全选按钮 实现 全选全不选功能
资料整理06 全选按钮 实现 全选全不选功能
xiaoxiao
2021-12-14
19
$(function(){
//全选按钮点击事件
$("#all").click(function(){
//获得全选按钮的选中状态
var flag=this.checked;
//获得每个单选按钮
var checkArr=$(".one");
checkArr.each(function(){
this.checked=flag;
});
});
//单选按钮的点击事件
$(".one").click(function(){
//标志位
var flag=true;
$(".one").each(function(){
//遍历每一个单选按钮 如果有一个为未选中,标志位为false
if(this.checked==false){
flag=false;
}
});
//对全选按钮进行赋值
$("#all").get(0).checked=flag;
}); });
转载请注明原文地址: https://ju.6miu.com/read-971715.html
专利
最新回复
(
0
)