在网页制作中,三级关联选择经常遇到,于是归纳了一个进行参考
代码如下:
1 2 3 4 5Document 6 7 29 30 31
- 32
- 全部 33
- 第一类 35
- 第1个 37
- 第2个 38
- 第3个 39
- 第4个 40
- 第二类 44
- 第1个 46
- 第2个 47 48
- 第三类 52
- 第1个 54
- 第2个 55
- 第3个 56
- 第四类 60
- 第1个 62
- 第2个 63
- 第3个 64
- 第4个 65
- 34
- 36
- 43
- 45
- 51
- 53
- 59
- 61
运行结果:
备注:在代码中,获取元素的checked 属性值,用的函数是 prop() ,而不是attr();当然这两个函数都可以进行checked 设定,但是还是有一些差异的,可能会导致错误,如下:
// prop与attr在获取未选中状态时,返回值是不同的
// 如果是选中的 attr ----> checked, 如果没选中 attr -----> undefined // 如果是选中的 prop ----> true, 如果没选中 prop -----> false