数码资讯
模拟多级复选框效果的jQuery代码
今天,我们已经意识到jQuery再次强大起来,一个多级复选框的效果已经完成了,并且代码在20 +行上已经全部结束了。 我想用js做一个看看,只写几个方法来写,兼容性很多考虑,代码量直线上升。 jQuery的效果的实现主要是共享的,代码块分为两个块: 一个是选择效果,复选框点击选中它的所有后代,选中或
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
今天,我们已经意识到jQuery再次强大起来,一个多级复选框的效果已经完成了,并且代码在20 +行上已经全部结束了。
我想用js做一个看看,只写几个方法来写,兼容性很多考虑,代码量直线上升。
jQuery的效果的实现主要是共享的,代码块分为两个块:
一个是选择效果,复选框点击选中它的所有后代,选中或未选中。这个人做得很好,代码如下所示:
复制代码代码如下所示:
EvtEle.parent(),下(检查),(输入框)。Attr(查看
二是当前复选框的父框决定是否选择父框,这取决于当前框的兄弟是否被选中,然后向上查看父框的父帧。
当所有选择后,实现将使用父母获取所有父帧,并使用每个帧完成它们的操作。
当未选中时,父帧将依次丢失:
复制代码代码如下所示:
如果(evtele.is(输入:检查)){
evtele.parents(检查),每个(函数(){)
!$(这个)。儿童( P )。儿童(输入:复选框)。过滤器(函数){(){)
返回!this.checked;
}){ 0 } $(this)。Prev()。孩子们(输入框)。Attr(查看
});
{人}
evtele.parents(检查),Prev()。孩子们(输入框)。Attr(查看
}
代码下载
我想用js做一个看看,只写几个方法来写,兼容性很多考虑,代码量直线上升。
jQuery的效果的实现主要是共享的,代码块分为两个块:
一个是选择效果,复选框点击选中它的所有后代,选中或未选中。这个人做得很好,代码如下所示:
复制代码代码如下所示:
EvtEle.parent(),下(检查),(输入框)。Attr(查看
二是当前复选框的父框决定是否选择父框,这取决于当前框的兄弟是否被选中,然后向上查看父框的父帧。
当所有选择后,实现将使用父母获取所有父帧,并使用每个帧完成它们的操作。
当未选中时,父帧将依次丢失:
复制代码代码如下所示:
如果(evtele.is(输入:检查)){
evtele.parents(检查),每个(函数(){)
!$(这个)。儿童( P )。儿童(输入:复选框)。过滤器(函数){(){)
返回!this.checked;
}){ 0 } $(this)。Prev()。孩子们(输入框)。Attr(查看
});
{人}
evtele.parents(检查),Prev()。孩子们(输入框)。Attr(查看
}
代码下载
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。