Example code of javascript select all/unselect all operation in html

Copy code

The code is as follows:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
<script type="text/javascript" language="javascript">
function selectAllDels()
{
var allCheckBoxs = document.getElementsByName("preDelCheck");
var desc = document.getElementById("allChecked");
var selectOrUnselect=false;
for(var i = 0; i < allCheckBoxs.length; i ++ )
{
if(allCheckBoxs[i].checked){
selectOrUnselect=true;
break;
}
}
if (selectOrUnselect)
{
_allUnchecked(allCheckBoxes);
}else
{
_allchecked(allCheckBoxes);
}
}
function _allchecked(allCheckBoxes){
for(var i = 0; i < allCheckBoxs.length; i ++ )
{
allCheckBoxs[i].checked = true;
}
}
function _allUnchecked(allCheckBoxes){
for(var i = 0; i < allCheckBoxs.length; i ++ )
{
allCheckBoxs[i].checked = false;
}
}
</script>
</head>
<body>
<p>test</p>
<form>
<input type="checkbox" name="preDelCheck" value="cream">ID1

<input type="checkbox" name="preDelCheck" value="sugar" >ID2

<input type="checkbox" name="preDelCheck" value="sugar">ID3

<input type="checkbox" name="preDelCheck" value="sugar">ID4

<input type="checkbox" name="preDelCheck" value="sugar">ID5

<input type="button" id="allChecked" value="Select all/Unselect all" onClick="selectAllDels()">
</form>
</body>
</html>

<<: How to install and deploy zabbix 5.0 for nginx

>>: Detailed explanation of single-row function code of date type in MySQL

How to use environment variables in nginx configuration file

Example code of javascript select all/unselect all operation in html

How to use environment variables in nginx configuration file

Vue custom encapsulated button component

Detailed steps for IDEA to integrate docker to achieve remote deployment

Drop-down menu and sliding menu design examples

Detailed steps to install docker in 5 minutes

Various types of jQuery web page verification code plug-in code examples

JavaScript to implement the web version of the snake game

In-depth explanation of the impact of NULL on indexes in MySQL

25 Examples of Using Circular Elements in Web Design

MySQL index usage monitoring skills (worth collecting!)

Recommend

Solution to the garbled code problem in MySQL 5.x

Simple examples of creating stored procedures, triggers and using cursors in Navicat (pictures and text)

How to use multi-core CPU to speed up your Linux commands (GNU Parallel)

Detailed explanation of Vue custom instructions

React Native scaffolding basic usage detailed explanation

jQuery realizes image highlighting

MySQL 8.0.22 installation and configuration graphic tutorial

How to create a stylish web page design (graphic tutorial)

Native js encapsulation seamless carousel function

The difference between VOLUME and docker -v in Dockerfile

Sample code for installing ASPNET.Core3.0 runtime in Linux

The process of setting up an environment for integration testing using remote Docker

Record a troubleshooting record of high CPU usage of Tomcat process

Complete steps for vue dynamic binding icons

CSS pseudo-element::marker detailed explanation