日期:2014-05-16  浏览次数:20419 次

采用JAVASCRIPT实现全选的三种情况 转

?

采用JAVASCRIPT实现全选的三种情况

通常采用JAVASCRIPT实现页面全选的,主要有下面三种情况:
1、? 当前页面中所有的CHECKBOX全部选中 及取消 。
2、? 当前页面中所有同名的CHECKBOX全部选中。
3、当前页面中所有具有相同前缀名的CHECKBOX全部选中。
这里以实例的形式,展示了三种情况的操作,完整源代码如下:
Html代码 复制代码
  1. < html > ??
  2. ??
  3. < head > ??
  4. < meta ? http-equiv = "Content-Type" ? content = "text/html;?charset=gb2312" > ??
  5. < title > 全选示例 </ title > ??
  6. </ head > ??
  7. ??
  8. < body > ??
  9. < form ? action = "" ? method = "post" ? name = "loginForm" > ??
  10. /********************全选示例********************/ < br > ??
  11. < b > 水果(checkbox同名): </ b > < br > ??
  12. < input ? type = "checkbox" ? name = "fruit" ? value = "1" > 苹果 < br > ??
  13. < input ? type = "checkbox" ? name = "fruit" ? value = "2" > < br > ??
  14. < input ? type = "checkbox" ? name <