function checkAll() {
//把所有参与选择的checkbox使用相同的name,这里为"num_iid"
var eles = document.getElementsByName("num_iid");
var i = 0;
// 如果是全选状态,则取消所有的选择
if (isSelectAll() == true) {
for ( i = 0; i < eles.length; i++) {
eles[i].checked = false;
}
document.getElementById("selectAll").checked = false;
} else {
// 否则选中每一个checkbox
for ( i = 0; i < eles.length; i++) {
eles[i].checked = true;
}
}
}
// 判断当前是否为全选状态
function isSelectAll() {
var isSelected = true;
var eles = document.getElementsByName("num_iid");
for (var i = 0; i < eles.length; i++) {
if (eles[i].checked != true) {
isSelected = false;
}
}
return isSelected;
}
// 选择任意一个非全选checkbox
function checkOne() {
if (isSelectAll()) {
document.getElementById("selectAll").checked = true;
} else {
document.getElementById("selectAll").checked = false;
}
}
js实现全选与全部取消功能
时间: 2024-10-06 03:14:36
js实现全选与全部取消功能的相关文章
js实现全选功能
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-
elementUI+JS实现全选与反选
在实际项目开发过程中,遇到的需求,需要实现全选以及取消全选等功能,主要使用ElementUI + JS来实现,具体代码如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initia
Jquery---checkbox的全选或者全部取消
checkbox是我们在系统开发中不可避免地要使用的一个控件.通常的用法就是,任意选中多个checkbox.全选或者全部取消.前段时间刚又碰到了checkbox这方面的用法.几天就抽点时间,简单地总结一下,希望给想要使用checkbox控件的朋友们一点儿帮助. 有时候我们要点击一个checkbox控件,它被选中时,其它checkbox全部被选中,再点击它,即取消选中它,其它checkbox全部被取消选中.这时候我们就可以在HTML或者.jsp文件中使用如下代码来实现此功能.代码如下: <div>
js购物车全选反选、商品价格统计
模仿淘宝购物车的全选全不选,根据选中的商品计算价格,指定店铺选择.以下是我自己在做H5页面的时候整理出来的,想我一个纯php的来写成这样也不容易.不完善的地方欢迎各位小伙伴指出~ html代码: <body> <header class="mui-bar mui-bar-nav"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"
用js做出全选和反选效果
效果图如下: <script language="javascript" type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" language="javascript"> $(function(){ $("#selecAll").clic
第十六篇 JS实现全选操作
JS实现全选 嗨,同学们好,老师这里是专门教同学解决一些针对性的问题,所以说综合起来,就要靠同学自己了. 这节课我们学一个很实用的东西,全选操作!比如淘宝这种商城对吧,我的购物车,我要全选购买,或者删除,一个一个的来肯定麻烦,所以就有了全选和批量处理,那就是复选框! 这里我们用一个table表格来控制吧!看代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&
JS checkbox 全选 全不选
/* JS checkbox 全选 全不选 Html中checkbox: <input type="checkbox" name="cbx" value="<%= Default by yourself %>"/> 以下方法各有优劣,使用时根据情况而定. */ //全选(方法一:each 循环) function checkAll() { $.each($("input[name=cbx]"), fun
php处理表单中的复选框问题以及js实现全选
做的一个项目中遇到了全选和取消全选的问题,这是一个很普遍的功能,,虽然我们经常用到,但是真正做起来却发现行不通,在网上找了些,大部分都是ie,但是谷歌内核浏览器不能正常实现,所以经过小小的调整,今天就把调试好的代码发上来供大家参考使用. 首先要记得引用jquery框架,这样写起代码来相对容易点,尤其突出在选择器上. 1 <html> 2 <head> 3 <script src="./libs/js/jquery.min.js"></scrip
一个js编写全选、弹出对话框、ajax-json的案例
js功能有:全选.弹出对话框.使用json传输ajax数据:不想在写多余的文字了,直接上代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib prefix="c" uri="http://java.sun.com/jstl/core"%>