4.1邮箱的全选，全不选，反选

事件：onclick

属性：checked

对于分清getElementsByTagName('元素名')里的元素名，

可以先提取其外面一层的元素，再在此基础上用getElementsByTagName('元素名')

用到for语句，if语句，length

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">

///js

window.οnlοad=function(){
var oBtn1=document.getElementById("btn1");
var oBtn2=document.getElementById("btn2");
var oBtn3=document.getElementById("btn3");
var oDiv=document.getElementById("div1");
var aCh=oDiv.getElementsByTagName("input");
oBtn1.οnclick=function(){
for(var i=0;i<aCh.length;i++){
aCh[i].checked=true;
}

};
oBtn2.οnclick=function(){
for(var i=0;i<aCh.length;i++){
aCh[i].checked=false;
}

};
oBtn3.οnclick=function(){
for(var i=0;i<aCh.length;i++){
if(aCh[i].checked==true){
aCh[i].checked=false;
}
else{
aCh[i].checked=true;
}
}
};
};

转载于:https://www.cnblogs.com/luxiaoli/p/8505243.html

4.1邮箱的全选，全不选，反选相关推荐

vue elementUi邮箱列表选择（全选，已读，未读，删除）功能
基于vue + elementUI写的邮箱列表,包括全选,已读,未读,上次一次点击记录以及删除的操作列表组件如下: <template><div style="heigh ...
【前端2】js：原始类型，运算符，调试，页面加载，轮播图，Bom（对象，时钟），Dom（全选全不选，省市级联，隔行/触摸换色，表单校验）
文章目录 1.js两种引入:js最终要引入到html在浏览器中运行 2.js五大原始类型:undefined 3.js的运算符和流程控制:js不支持单&和单|性能低 4.案例_99乘法表:So ...
vue 带全选和多选的表格怎么写_vue实现下拉列表多选全选以及模糊查询的vue组件...
vue实现下拉列表多选全选以及模糊查询的vue组件发布时间:2018-09-12 17:41, 浏览次数:3776 , 标签: vue <>前端,有时有这样的需求,需要一个下拉列表,还要 ...
jquery高版本全选与全部选无法正常工作
jquery执行全选/全不选的操作 <script type="text/javascript"> $(function(){ $('#checkAll').click ...
html实现全选反选,jquery实现全选、不选、反选的两种方法
在取复选框checkbox的属性checked属性值时,发现一个问题,就是当用attr取值时,真的为"checked",假的为"undefined";当用pro ...
VUEJS-checkbox全选全不选
全选&全不选 html: <div class="msg-position c-bg-wt"><p class="msg-position-p& ...
vue+elementUI 添加多个可以全选的多选框
elementUI-checkbox官网:https://element.eleme.cn/#/zh-CN/component/checkbox 一.要做上面这种效果,首先要了解全选框中indeter ...
html bootstrap复选框全选,javascript+bootstrap+html实现层级多选框全层全选和多选功能代码实例...
想做一个先按层级排序并可以多选的功能,首先倾向于用多层标签式的,直接选定加在文本域里,接下来通过本文给大家介绍html+javascript+bootstrap实现层级多选框全层全选和多选功能,需要的 ...
VUE：checkbox 单选框（单选、多选）、一选全选 / 全选一选、表格单选列实现
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 效果:如红框中部分. 一选全选:表头上的单选框选中则下面每行都选中. 全选一选:表中数据每行都 ...
JavaScript实现复选框的全选/全不选和批量选择
实现数据的批量选择以及全选/全部选功能的效果如下所示: 代码如下: <a class="btn btn-default" id="search_like" ...

4.1邮箱的全选，全不选，反选

4.1邮箱的全选，全不选，反选相关推荐

最新文章

热门文章