jQuery实现复选框的全选和反选

来源：懂视网责编：小采时间：2020-11-27 20:25:36

jQuery实现复选框的全选和反选

jQuery实现复选框的全选和反选:话不多说，请看代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form> <

推荐度：

点击下载本文 文档为doc格式

导读jQuery实现复选框的全选和反选:话不多说，请看代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form> <

话不多说，请看代码

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
 <form>
 <label for="apple">苹果</label>
 <input type="checkbox" name="apple">
 <label for="banana">香蕉</label>
 <input type="checkbox" name="banana">
 <label for="orange">橘子</label>
 <input type="checkbox" name="orange">
 <input type="button" value="全选" onclick="allPick()">
 <input type="button" value="全不选" onclick="unAllPick()">
 <input type="button" value="反转" onclick="inverserPick()">
 </form>
 <script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
 <script>
 // 全选
 function allPick() {
 $("[type=checkbox]:checkbox").each(function () {
 this.checked = true;
 })
 }
 // 全不选
 function unAllPick() {
 $("[type=checkbox]:checkbox").each(function () {
 this.checked = false;
 })
 }
 // 反转
 function inverserPick() {
 $("[type=checkbox]:checkbox").each(function () {
 this.checked = !this.checked;
 })
 }
 </script>
</body>
</html>

jQuery实现复选框的全选和反选

jQuery实现复选框的全选和反选:话不多说，请看代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form> <

推荐度：

点击下载本文 文档为doc格式

标签：全选 ch 反选

热门焦点

jQuery实现复选框的全选和反选

jQuery实现复选框的全选和反选

jQuery实现复选框的全选和反选

最新推荐

猜你喜欢

热门推荐