Home
Web Front-end
JS Tutorial
Implementation code of javascript select all and cancel all functions_Basic knowledge
Web Front-end
JS Tutorial
Implementation code of javascript select all and cancel all functions_Basic knowledge
Implementation code of javascript select all and cancel all functions_Basic knowledge
May 16, 2016 pm 05:45 PM
unselect all
select all
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 selectAll()
{
var allCheckBoxs = document.getElementsByName("coffee");
var desc = document.getElementById("like") ;
if(desc.value == "All like")
{
desc.value = "None like";
for(var i = 0; i < allCheckBoxs.length; i )
{
allCheckBoxs[i].checked = true;
}
}
else
{
desc.value = "All Like";
for (var i = 0; i < allCheckBoxs.length; i )
{
allCheckBoxs[i].checked = false;
}
}
}
</script> ;
</head>
<body>
<p>What kind of coffee do you like</p>
<form>
<input type=" checkbox" name="coffee" value="cream">Blue Mountain Coffee<br>
<input type="checkbox" name="coffee" value="sugar" >Mocha<br>
<input type="checkbox" name="coffee" value="sugar">Latte<br>
<input type="checkbox" name="coffee" value="sugar"> ;Cappuccino<br>
<input type="checkbox" name="coffee" value="sugar">Irish Coffee<br>
<input type="button" id ="like" value="Like all" onClick="selectAll()">
</form>
</body>
</html>
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Hot Article
Repo: How To Revive Teammates
3 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
How Long Does It Take To Beat Split Fiction?
3 weeks ago
By DDD
R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
1 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
3 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
Hot tools Tags
Hot Article
Repo: How To Revive Teammates
3 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
How Long Does It Take To Beat Split Fiction?
3 weeks ago
By DDD
R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
1 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
3 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
Hot Article Tags
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
Replace String Characters in JavaScript
Mar 11, 2025 am 12:07 AM
Replace String Characters in JavaScript
Custom Google Search API Setup Tutorial
Mar 04, 2025 am 01:06 AM
Custom Google Search API Setup Tutorial
8 Stunning jQuery Page Layout Plugins
Mar 06, 2025 am 12:48 AM
8 Stunning jQuery Page Layout Plugins
