JavaScript 全选函数的实现
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 全选函数的实现的更多相关文章
- javascript 全选 反选 js代码
<script type="text/javascript"> //全选function checkAll() { var objs = window.document ...
- javascript 全选与反选
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> ...
- Javascript全选,反选,全不选的实现代码
使用js实现全选.反选.全不选. 代码如下: <html> <head> <script type="text/javascript"> fun ...
- C# javascript 全选按钮
function selectAll(checkbox) { $('input[type=checkbox]').attr('checked', $(checkbox ...
- JQ 封装全选函数
单击时触发效果: 如果有一个没有选中把全选的勾去了,如果select所有的都选中了,那就把全选勾上 html里: <div class="row cl"> <la ...
- js复选框实现全选、全不选、反选
复选框为checkbox对象 通过input就可以将一个简单的复选框呈现在页面上 <input type="checkbox" /> 要实现的大概就是这样一个页面 思路 ...
- JavaScript案例四:全选练习
JavaScript实现全选,全不选等效果... <!DOCTYPE html> <html> <head> <title>JavaScript全选练习 ...
- 【JavaScript】实现复选框的全选、全部不选、反选
以较为简洁的程序实现复选框的全选.全部不选.反选 操作. 并且将可变的部分设置为JS的参数,以实现代码复用. 全选和全不选 第一个参数为复选框名称,第二个参数为是全选还是全部不选. function ...
- jquery全选框的实现
函数实现的话: head里加入函数实现 <script language="javascript" type="text/javascript"> ...
随机推荐
- Linux Mint下编译Bochs
我在Linux Mint命令行下输入sudo apt-get install bochs安装之后发现这个没有安装gui界面,使用也存在一些问题,所以直接删掉从官网下载代码自己编译安装. 给Linux ...
- WPF入门教程系列(一) 创建你的第一个WPF项目
WPF入门教程系列(一) 创建你的第一个WPF项目 WPF基础知识 快速学习绝不是从零学起的,良好的基础是快速入手的关键,下面先为大家摞列以下自己总结的学习WPF的几点基础知识: 1) C#基础语法知 ...
- Yocto 包管理 apt-get
/******************************************************************** * Yocto 包管理 apt-get * 说明: * 查一 ...
- session 原理 数据结构
[原创]转载请保留出处:shoru.cnblogs.com 晋哥哥的私房钱 引言 在web开发中,session是个非常重要的概念.在许多动态网站的开发者看来,session就是一个变量,而且其表现像 ...
- JS基础知识(数据类型)
1,关于typeof 因为是弱类型语言,而程序代码中又不得不定义出变量的类型所提供出来的方法. 返回的结果如下图: 如下例子: var test = "123"; va ...
- Win7下安装双系统Centos,并修复Centos引导加载程序安装在U盘上的问题
1.使用U盘安装Centos时,磁盘分区划分要注意:系统(包含Win7)只能4个主分区,所以只能在删除一个主分区或者在扩展分区的空闲分区内建立目录. 2.Centos在安装步骤的最后,引导加载程序的选 ...
- Codeforces Round #374 (Div. 2) A B C D 水 模拟 dp+dfs 优先队列
A. One-dimensional Japanese Crossword time limit per test 1 second memory limit per test 256 megabyt ...
- ZOJ 1095 Humble Numbers
原题链接 题目大意:定义了一种数字Humble Number,他们的质因数只包含2.3.5.7中的一个或者几个,求第n个这样的数,1<=n<=5842. 解法:一看到这道题又在想DFS了, ...
- fedora22多媒体编码
sudo dnf install gstreamer-plugins-bad gstreamer-plugins-bad-free-extras gstreamer-plugins-ugly gstr ...
- html--整站制作
1.样式初置 body,div,ul,ol,h1,h2,h3,h4,h5,p,form,input,textarea,select{margin:0;padding:0;} li{list-style ...