if($(".checkbox").is(":checked")){
$(".ut-list span").removeClass("ut-bg").addClass("ut-checked");
//添加显示函数
$(".ut-list span").click(function(){
$(".ut-listdetal1").toggle();
$(".ut-listdetal1 li").click(function(){
$(".ut-listdetal1").hide();
});
});
}else{
$(".ut-list span").addClass("ut-bg").removeClass("ut-checked");
}
});
$(".ut-list span").removeClass("ut-bg").addClass("ut-checked");
//添加显示函数
$(".ut-list span").click(function(){
$(".ut-listdetal1").toggle();
$(".ut-listdetal1 li").click(function(){
$(".ut-listdetal1").hide();
});
});
}else{
$(".ut-list span").addClass("ut-bg").removeClass("ut-checked");
}
});
本文介绍了一段使用jQuery实现的元素状态切换代码,包括为元素添加或移除特定类,并实现点击显示隐藏功能。当指定的复选框被选中时,将对目标元素进行样式更改并添加交互功能;若未选中,则恢复初始状态。
744

被折叠的 条评论
为什么被折叠?



