|
3.8 开发技巧与难点分析 |
复选框的作用就如同它的名字一样,在同一类别或条件下选取多个对象。有时需要选取的对象很多,甚至是全部勾选。例如在博客系统中,通过复选框的ID值来实现记录的全选与反选,可以很方便地进行操作。例如,如图3.25所示,勾选“全选/反选”复选框时,则将页面中的所有复选框进行选中。
图3.25 复选框的全选与反选操作
下面将介绍全选与反选操作具体实现过程。
无论是全选还是反选,都是通过复选框的ID属性来实现的。因此,首先进行的操作就是设置复选框的id属性,使用<s:iterator>标签循环生成多个复选框。代码如下:
创建实现JavaScript的全选和反选的功能函数,详细代码如下: