html5页面选择按钮,【HTML5】页面点击按钮添加一行 删除一行 全选 反选 全不选...

页面点击按钮添加一行    删除一行   全选   反选  全不选

页面效果图如下

html页面代码

var rows = 1;

function addrows() {

var trElement = document.createElement("tr");

var td1Element = document.createElement("td");

var td2Element = document.createElement("td");

var td3Element = document.createElement("td");

var td4Element = document.createElement("td");

td1Element.innerHTML=""+rows;

td2Element.innerHTML="";

td3Element.innerHTML="";

td4Element.innerHTML="";

trElement.appendChild(td1Element);

trElement.appendChild(td2Element);

trElement.appendChild(td3Element);

trElement.appendChild(td4Element);

var tbody = document.getElementById("tb");

tbody.appendChild(trElement);

rows++;

}

function delrow(obj){

//获取按钮所在的行

btnTrElement = obj.parentNode.parentNode;

//alert(btnTrElement.nodeName);

//获取按钮所在的行的上一级也就是TBODY

tbodyElemement = btnTrElement.parentNode;

//通过tobody干掉tr

tbodyElemement.removeChild(btnTrElement);

}

序号账号口令操作

全选   

反选   

全不选   

添加一行

function qx(){

//获取所有的checkbox

var checkbox = document.getElementsByName("chk");

//遍历所有的checkbox

for (var i=0;i

checkbox[i].checked=true;

}

}

function fx(){

//获取所有的checkbox

var checkbox = document.getElementsByName("chk");

//遍历所有的checkbox

for (var i=0;i

checkbox[i].checked=!checkbox[i].checked;

}

}

function qbx(){

//获取所有的checkbox

var checkbox = document.getElementsByName("chk");

//遍历所有的checkbox

for (var i=0;i

checkbox[i].checked=false;

}

}

页面点击按钮下载excel(原生js)

let els = document.getElementsByTagName('iframe'); if(els.length > 0){ for(let i = 0;i < els.l ...

移动端开发H5页面点击按钮后出现闪烁或黑色背景的解决办法

H5页面在IOS端测试的时候发现,点击按钮会闪动,出现一个黑色的背景一闪而过,影响用户体验.最后通过度娘,找到解决方法: 就是给点击的元素添加一个CSS属性或者全局添加一个css. -webkit-t ...

response 后刷新页面&comma;点击按钮后，禁用该按钮

一,正常的点击按钮后,将其灰显,全部执行完毕再正常显示. this.btnSave.Attributes.Add("onclick", "if (typeof(Page_ ...

js 实现页面点击按钮复制内容

前言: 我们平时在页面中是按照长按来实现复制相关的内容,那么怎么用js实现点击按钮实现复制相关的内容呢?请看如下方法: 实现步骤: 1.引入相关的js(ClipboardJS插件)

点击按钮添加一行&comma;和本行的删除功能&comma;序号变动&comma;name属性更改

GrideVlew提供点击按钮添加新数据，单击项目修改，长按删除功能

package com.example.wang.myapplication; import android.app.AlertDialog; import android.content.Dialo ...

dwz中弹出的窗口页面如何获取前页面&lpar;点击按钮的页面&rpar;的元素？？？

在页面A.jsp中点击一个按钮,使用$.pdialog.open()方法弹出b.jsp页面(对话框窗口),我要在b.jsp中选中值然后关闭窗口(b.jsp)返回值给A.jsp~ =========== ...

HTML页面中点击按钮关闭页面几种方式与取消

1.不带任何提示关闭窗口的js代码

iframe子页面点击按钮，执行父页面的点击事件

iframe 子页面点击.parent 父页面  的id(auth-link-btn)的事件

随机推荐

Pyside开篇杂记

最近学习刚开始学习pyside,基本了解了一些类的用法,个人感觉就接触而言与pyqt并无本质区别. 双方资料基本可以相互借鉴,个人更倾向与pyside,查阅资料时也经常会在pyqt内得到解决方案. 之 ...

Docker入门教程(一)介绍

http://dockone.io/article/101 Docker入门教程(一)介绍 [编者的话]DockerOne组织翻译了Flux7的Docker入门教程,本文是系列入门教程的第一篇,介绍了 ...

转载：如何运用VI编辑器进行查找替换

使用vi编辑器编辑长文件时,常常是头昏眼花,也找不到需要更改的内容. 这时,使用查找功能尤为重要. 方法如下: 1.命令模式下输入“/字符串”,例如“/Section 3”. 2.如果查找下一个,按“ ...

installshield制作的安装包卸载时提示重启动的原因以及解决办法

原文:installshield制作的安装包卸载时提示重启动的原因以及解决办法 有时候卸载installshield制作的安装包程序,卸载完会提示是否重启电脑以完成所有卸载,产生这个提示的常见原因有如 ...

使用DBUnit实现对数据库的测试

这是一个JavaProject,有关DBUnit用法详见本文测试用例 首先是用到的实体类User.java package com.jadyer.model; public class User { ...

vue监听滚动事件-元素固定位置显示

1.监听滚动事件 用VUE写一个在控制台打印当前的scrollTop用来测试是否执行: mounted () { window.addEventListener('scroll', this.hand ...

&excl;&excl;学习笔记：CSS3动画

一句话就有css3动画: 2016-6-29

C：malloc&sol;calloc&sol;realloc&sol;alloca内存分配函数

原文地址:http://www.cnblogs.com/3me-linux/p/3962152.html calloc(), malloc(), realloc(), free(),alloca() ...

&lbrack;development&rsqb;&lbrack;C&rsqb;&lbrack;thread&lowbar;local&rsqb; 线程全局变量

线程全局变量, 线程本地存储, thread_local storage 只需要在变量定义的最前边添加 __thread 关键字. 用法: https://gcc.gnu.org/onlinedocs ...

How to Pronounce PROBABLY

How to Pronounce PROBABLY Share Tweet Share Though this is a content word, it’s frequently reduced. ...