Home > Developer > JavaScript
Select All/deselect all in bulk operation data is often used, the following is a good example of the use of JS to complete the Select/Cancel all selected operations, interested friends can refer to the following
Copy Code code as follows:
<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 (allcheckboxs);
}else
{
_allchecked (allcheckboxs);
}
}
function _allchecked (allcheckboxs) {
for (var i = 0; i < allcheckboxs.length i + +)
{
Allcheckboxs[i].checked = true;
}
}
function _allunchecked (allcheckboxs) {
for (var i = 0; i < allcheckboxs.length i + +)
{
allcheckboxs[i].checked = false;
}
</script>
<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/Deselect All "onclick=" Selectalldels () ">
< /form>
</body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
