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

CSS position fixed left and right double positioning implementation code

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

CSS position fixed left and right double positioning implementation code

CSS clear float clear:both example code

Implementation idea of left alignment of the last row of flex box layout

Detailed explanation of the application of CSS Sprite

Implementation of MySQL master-slave status check

JavaScript function detailed introduction

Web Design Tutorial (8): Web Page Hierarchy and Space Design

How to view and clean up Docker container logs (tested and effective)

How to optimize images to improve website performance

Tutorial on importing and exporting Docker containers

Recommend

Some key points of website visual design

0.1 seconds worth! A brief discussion on the problem of speeding up the front-end web pages

Talk about implicit conversion in MySQL

Vue based on Element button permission implementation solution

Detailed explanation of Angular parent-child component communication

Summary of the use of special operators in MySql

How to solve the problem that Seata cannot use MySQL 8 version

Java uses Apache.POI to export HSSFWorkbook to Excel

The correct way to migrate MySQL data to Oracle

Summary of how to modify the root password in MySQL 5.7 and MySQL 8.0

Detailed understanding and comparative analysis of servers Apache, Tomcat and Nginx

After the click event of html hyperlink a, jump to the address pointed to by href

Simple setup of VMware ESXi6.7 (with pictures and text)

mysql 5.7.11 winx64 initial password change

Detailed steps for using jib for docker deployment in Spring Cloud