checkbox的全选中，取消全选中
2019独角兽企业重金招聘Python工程师标准>>> 
<script type="text/javascript">
function selectAll(checked){
var checkBoxs = document.getElementsByName("boxId");
for(var i = 0;i<checkBoxs.length;i++){
checkBoxs[i].checked = checked;
}
}
function deleteChecked(){
var checkBoxs = document.getElementsByName("boxId");
var boxIds = [];
for(var i = 0;i<checkBoxs.length;i++){
if(checkBoxs[i].checked) boxIds.push(checkBoxs[i].value);
}
if(boxIds.length < 1){
alert("请至少选择一条数据...");
return;
}
console.info(boxIds);
}
</script>
<input type="checkbox" οnchange="selectAll(this.checked)"/>全/不选
<br/>
<input type="checkbox" value="1" name="boxId"/>
<input type="checkbox" value="2" name="boxId"/>
<input type="checkbox" value="3" name="boxId"/>
<input type="checkbox" value="4" name="boxId"/>
<input type="checkbox" value="5" name="boxId"/>
<input type="checkbox" value="6" name="boxId"/>
<input type="checkbox" value="7" name="boxId"/>
<input type="button" value="删除" οnclick="deleteChecked()"/>
转载于:https://my.oschina.net/dslcode/blog/1591262
checkbox的全选中，取消全选中相关推荐
- easyUI table datagrid 选中取消全选触发事件
业务中可能会需要实时的监听表格中的行勾选事件来实现一些需求,根据 easyUI 绑定table id,datagrid 选中取消全选触发事件. 需要注意的是,将.datagrid方法放在$(funct ...
- jquery全选/取消全选(反选)/单选操作
使用jQuery实现一组checkbox全选/取消全选,代码很简洁. jquery版本:2.0 先看看HTML代码,很简单的操作框 </head> <body><div& ...
- jQuery 表单应用：全选/取消全选，表单验证，网页选项卡切换
应用一:单行文本框应用 需要用到的 API focus([[data],fn]) --> 当元素获得焦点时,触发 focus 事件 blur([[data],fn]) --> ...
- 表单全选取消全选案例
表单全选取消全选案例 要求: 点击上面全选复选框 , 下面所有的复选框都选中(全选) 再次点击全选复选框 , 下面所有的复选框都不选中(取消全选) 如果下面复选框全部选中 , 上面全选按钮自动选中 如 ...
- Android 切换全屏,取消全屏
切换全屏,取消全屏 /*** 切换全屏,取消全屏** @param isChecked*/ private void switchFullScreen(boolean isChecked) {if ( ...
- 实现全选/取消全选功能
这里是使用jquery为前提: 方法一: /*** 绑定全选/取消全选* @param checkAll 全选复选框* @param checkOne 单个复选框*/ function onCheck ...
- DataGrid 的 全选/取消全选 控制(CheckBox)
DataGrid控件: <Columns> <asp:TemplateColumn> <HeaderStyle Width=" ...
- 【小白学前端】JS案例：表单全选取消全选
要求: 1.点击全选按钮,可以选中所有产品前的选择框: 2.再点击一次,取消全选 3.每个产品可以单独选中取消 4.每个产品都选中时,全选框自动选中 5.取消一个产品的选择时,全选框自动取消 HTML ...
- vue 点击浏览器全屏取消全屏
<template><div><!-- 全屏 --><img @click="fullscreenToggel" v-if="f ...
- 如何利用jquery实现一句话全选/取消全选的实例代码
2019独角兽企业重金招聘Python工程师标准>>> 1.当然要引入jquery文件啦. 2.建立函数 var check_all = function(obj,name){$(& ...
最新文章
- 百练OJ：2965：玛雅历
- oracle if-else sql 语句
- 【转】ANSI与GB2312的编码问题
- 在ASP.NET Core 2.0中使用CookieAuthentication
- 过河（dp+离散化）
- SM系列国密算法（转）
- Eclipse 插件使用
- python打印tensor_如何在TensorFlow中打印SparseTensor内容？
- 5 python 页面说明_Python爬虫爬取网易云的音乐
- 图片，PDF转换成文字
- CVE-2013-5211漏洞整改方法
- Comparator.comparing比较排序
- 如何让你的小刺猬顺刺
- 用跨进程子类化技术实现对其它进程消息的拦载
- (转) Exploring How Cache Coherency Accelerates Heterogeneous Compute
- 解决前端跨域的问题.Access to XMLHttpRequest at http://xxx.xxx from origin 'http://localhost:8000' has been bl
- 使用js编写用户注册（简洁版）
- 当当网系统分级与海量信息动态发布实践
- RuntimeError: non-empty 3D or 4D input tensor expected but got ndim: 4
- repeater 控件ajax绑定数据源,ASP.NET数据绑定之Repeater控件