html 复选框一键反选

以你之姓@ 2022-09-26 00:27 157阅读 0赞

效果：

![Center][]

<!doctype html>

<html lang="en">  
 <head>  
  <meta charset="UTF-8">  
  <meta name="Keywords" content="">  
  <meta name="Description" content="">  
  <title>一键反选</title>  
  <style>  
\*\{margin:0px;padding:0px;\}  
form table\{  
width:500px;  
margin:10px auto;  
border-right:1px solid red;  
border-bottom:1px solid red;  
border-collapse:collapse;  
\}  
tr td\{  
border-left:1px solid red;  
border-top:1px solid red;  
\}  
  </style>  
  <script>  
window.οnlοad=function()\{  
var arrs = document.getElementsByClassName("checkbox");  
if(arrs.length >0 )\{  
arrs\[0\].οnclick=function()\{  
for(var i = 1; i < arrs.length; i++)\{  
arrs\[i\].checked = !arrs\[i\].checked;  
\}  
\}  
\}  
\}  
  </script>  
 </head>  
 <body>  
<form action="" method="post">  
<table>  
<tr>  
<td width="20px"><input type="checkbox"  class="checkbox"></td>  
<td>123</td>  
</tr>  
<tr>  
<td><input type="checkbox" class="checkbox"></td>  
<td>123</td>  
</tr>  
<tr>  
<td><input type="checkbox" class="checkbox"></td>  
<td>123</td>  
</tr>  
</table>  
</form>  
 </body>  
</html>

[Center]: /images/20220717/6dbce2f3201542dcbab4588e2be5dc41.png

发表评论取消回复

表情：

评论列表（有 0 条评论，157人围观）

还没有评论，来说两句吧...

相关阅读

相关 html 复选框一键反选

效果： ![Center][] <!doctype html> <html lang="en"> <head> <meta charset="UTF-

以你之姓@/ 2022年09月26日 00:27/ 0 赞/ 158 阅读

相关 js 实现复选框全选和反选

//全选 function chooseAll() \{ var selects = document.getElementsByName('id

深碍√TFBOYSˉ_/ 2022年08月26日 11:24/ 0 赞/ 249 阅读

相关 jQuery复选框全选反选操作

<!DOCTYPE html> <html > <head> <title> jquery-ajax </title> <sc

刺骨的言语ヽ痛彻心扉/ 2022年08月18日 12:09/ 0 赞/ 283 阅读

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

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

绝地灬酷狼/ 2022年07月11日 15:24/ 0 赞/ 234 阅读

相关 js 复选框的多选反选

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

r囧r小猫/ 2022年06月15日 12:50/ 0 赞/ 286 阅读

相关 freemaker页面复选框全选与反选

<tr> <td align="right" style="width:120px">

系统管理员/ 2022年06月13日 04:46/ 0 赞/ 225 阅读

相关 JavaScript复选框（全选/全不选反选）

实例代码： 1 JS代码： <script type="text/javascript"> window.οnlοad=function()\{

一时失言乱红尘/ 2022年05月17日 01:46/ 0 赞/ 280 阅读

相关 js 实现复选框全选和反选

//全选 function chooseAll() \{ var selects = document.getElementsByName('id

蔚落/ 2022年05月11日 13:42/ 0 赞/ 276 阅读

相关 javascript 复选框（checkbox）全选/全不选/反选

其实很简单，先分析一下效果分析：　　1，点击全选/全不选　　　全选文字变成全不选，同时全选按钮和所有按钮选中状态，否则，则相反　　2，点击反选按钮

た入场券/ 2021年11月19日 14:24/ 0 赞/ 587 阅读

相关 jQuery使复选框一键全选/全不选

<form> 　　你爱好的运动是? 　　<input type="checkbox" id="hxy"/>全选/不全选　　<br /> 　　<input ty

青旅半醒/ 2021年10月30日 05:32/ 0 赞/ 441 阅读