Html代码:

<table id="purchase-info" class="table table-bordered table-hover table-striped" cellspacing="0"  width="100%" align="center">
<caption>采购清单</caption>
<thead>
<tr>
<td><input class="allChoose" type="checkbox" onclick="selectAll()"></td>
<th>物品编号</th>
<th>物品名称</th>
<th>物品分类</th>
<th>规格型号</th>
<th>供应商</th>
<th>采购人员</th>
<th>采购数量</th>
<th>备注</th>
<th>入库操作</th>
</tr>
</thead> <tbody id="purchase-item"> <tr>
<td><input class="choose" type="checkbox"/></td>
<td>001</td>
<td>真彩水性笔</td>
<td>文具</td>
<th>盒(12支)</th>
<th>上海真彩文具店</th>
<th>小王</th>
<th>50</th>
<th>无备注</th>
<td><button id="inStorage">入库</button></td>
</tr>
<tr>
<td><input class="choose" type="checkbox"/></td>
<td>001</td>
<td>真彩水性笔</td>
<td>文具</td>
<th>盒(12支)</th>
<th>上海真彩文具店</th>
<th>小王</th>
<th>50</th>
<th>无备注</th>
<td><button id="inStorage">入库</button></td>
</tr>
</tbody>
</table>

JavaScript 代码:

//全选功能函数
function selectAll(){
var allChoose=document.getElementsByClassName("allChoose")[0];
var list=document.getElementsByClassName("choose");
if(allChoose.checked){
for(var i= 0;i<list.length;i++){
list[i].checked=true;
}
return true;
}else{
for(var i=0;i<list.length;i++){
list[i].checked=false;
}
return false;
}
}

效果如下:

JavaScript 全选函数的实现的更多相关文章

  1. javascript 全选 反选 js代码

    <script type="text/javascript"> //全选function checkAll() { var objs = window.document ...

  2. javascript 全选与反选

    <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    ...

  3. Javascript全选,反选,全不选的实现代码

    使用js实现全选.反选.全不选. 代码如下: <html> <head> <script type="text/javascript"> fun ...

  4. C# javascript 全选按钮

    function selectAll(checkbox) {                  $('input[type=checkbox]').attr('checked', $(checkbox ...

  5. JQ 封装全选函数

    单击时触发效果: 如果有一个没有选中把全选的勾去了,如果select所有的都选中了,那就把全选勾上 html里: <div class="row cl"> <la ...

  6. js复选框实现全选、全不选、反选

    复选框为checkbox对象 通过input就可以将一个简单的复选框呈现在页面上 <input type="checkbox" /> 要实现的大概就是这样一个页面 思路 ...

  7. JavaScript案例四:全选练习

    JavaScript实现全选,全不选等效果... <!DOCTYPE html> <html> <head> <title>JavaScript全选练习 ...

  8. 【JavaScript】实现复选框的全选、全部不选、反选

    以较为简洁的程序实现复选框的全选.全部不选.反选 操作. 并且将可变的部分设置为JS的参数,以实现代码复用. 全选和全不选 第一个参数为复选框名称,第二个参数为是全选还是全部不选. function ...

  9. jquery全选框的实现

    函数实现的话: head里加入函数实现 <script language="javascript" type="text/javascript"> ...

随机推荐

  1. Motorola C118修改滤波器组件

    所需工具: 热风枪.恒温焊台.镊子.助焊膏.锡丝.滤波器组件 关于怎么使用热风枪拆屏蔽盖将在后期更新视频,以下为修改滤波器流程.以下热风枪设置温度只针对快克957DW(不同品牌风枪和型号可能会有温差) ...

  2. compare:(字符串的大小比较)

    1.字符串的比较是按照ascall码进行比较的 比如A比a的值小, if([string1 compare:string2] == (以下描述)) 如果比较的结果是NSOrderedDescendin ...

  3. hbm2ddl

    hbm2ddl工具位于Hibernate核心软件包中,而hbm2java工具位于Hibernate工具包中,因此需要下载Hibernate工具包,文件形式为HibernateTools-X.zip. ...

  4. 了解magento数据库

    网址是:http://www.magereverse.com/,不同版本都有

  5. Magento后台订单显示产品图片的修改方法

    Magento后台订单原来是没有显示产品图片,客服业务还得到网站前台查找这个产品的图片提供给发货部,这样是很不方便的.为提高工作效率,应客服业务要求,现对Magento后台订单进行修改,使订单页面就显 ...

  6. const char* <----- > string

    (1) const char*      <-----     string const char* const_txt_path=txt_path.c_str(); (2)  string  ...

  7. HDU 1004 Let the Balloon Rise(AC代码)

    #include <stdio.h> #include <string.h> ][]; ]={}; int main() { int n,i,j,k,max,loc; ){ m ...

  8. zendstudio添加注释快捷键

    最常用的是ctrl+/来添加行注释 方法是选中代码,按ctrl+/就可以注释掉代码.再按ctrl+/可以去掉注释 添加块注释时,现加/,再加*,再按enter即可添加块注释.

  9. log4j 分类输出

    一个log4j的问题也是折磨了我两天了. 终于算是实现了个符合需求的小demo.然而,我必须吧log4j搞定,这个乐塞. 需求描述: 用xml配置文件,将debug.info.warn.error分类 ...

  10. 论文学习 - 《Hadoop平台下的海量数据存储技术研究》

    摘要 研究背景: 1. 互联网的图片数据急剧膨胀 2. Hadoop平台下的Hdfs分布式文件系统能够很好的处理海量数据 研究内容: 1. Hadoop平台工作原理 2. Hadoop平台下图片存储系 ...