天天看点

JavaScript:复选框事件的处理

复选框事件的处理

  复选框本身也是多个组件的名字相同。所以在定义复选框的同事依然要使用document.all()取得全部的内容。

范例:操作复选框,要求是可以一个个去选择选项,也可以直接全选,全选按钮的状态根据选中的选项个数自动变化,即全选按钮的状态会自动取消或者自动勾选。

JavaScript:复选框事件的处理
JavaScript:复选框事件的处理

效果截图如下:

默认状态时:    

JavaScript:复选框事件的处理

没有全选时:  

JavaScript:复选框事件的处理

 全选时:

JavaScript:复选框事件的处理

程序猿神奇的手,每时每刻,这双手都在改变着世界的交互方式!

本文转自当天真遇到现实博客园博客,原文链接:http://www.cnblogs.com/XYQ-208910/p/5833870.html,如需转载请自行联系原作者

继续阅读