今天又次体会到jquery的强大了,做了个多级复选框的效果,代码总共就20+行就over了。
我又想用js来做一个看看,才写了几个方法就写不动了,兼容性要考虑很多,而且代码量直线上升。
主要分享下jquery的这个效果的实现。代码块分两块:
一是全选的效果,就是点击全选的复选框时它的子孙都相应被选中或者未选中。这人很好做,代码如下:
. 代码如下:
evtele.parent().next(".checks").find("input:checkbox").attr("checked", evtele[0].checked);//evtele是点击的复选框
. 代码如下:
if (evtele.is("input:checked")) {
evtele.parents(".checks").each(function () {
!$(this).children("p").children("input:checkbox").filter(function () {
return !this.checked;
})[0] && $(this).prev().children("input:checkbox").attr("checked", "checked");
});
} else {
evtele.parents(".checks").prev().children("input:checkbox").attr("checked", false);
}
如对本文有疑问, 点击进行留言回复!!
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
vert实践五——Json?Protocol Buffer?FlatBuffers?
[基于tensorflow的人脸检测] 基于神经网络的人脸检测8——验证训练好的神经网络
selenium + ajax抓取英雄联盟全部英雄的详细信息及多线程保存全部皮肤图片到本地
网友评论