一个简单的带复选框的树形图


		

Ok,body里面的代码差不多就这种结构,没什么异议。

css代码的话,我们使用的是自定义的伪类元素,为了使的复选框更好看。原生的checkBox着实不好看。

JavaScript代码相对比较简单。主要是父元素的三种状态,全选,部分选和全不选。由子元素和自己的选择变化。主要使用两个高阶函数,every和some。在处理这种问题是这两个函数非常好用。具体的效果如下;

一个简单的带复选框的树形图_第1张图片

你可能感兴趣的:(正儿八经,checkbox,js,css,html)