如何为你的表单添加一个反选功能

小咪咪 2024-03-24 18:22 26阅读 0赞

原始代码

无标题文档

<form id="form1" name="form1" method="post" action="">
    	  <table width="50%" border="1" cellspacing="0" cellpadding="0">
    	    <tr>
    	      <td bgcolor="#999999"><input name="checkAll" type="checkbox" id="checkAll" value="checkbox" onClick="chkall('form1',this)" />选择所有</td>
    	      <td bgcolor="#999999"> </td>
    	    </tr>
    	    <tr>
    	      <td><input name="check" type="checkbox" value="checkbox" />复选框1</td>
    	      <td> </td>
    	    </tr>
    	    <tr>
    	      <td><input name="check" type="checkbox" value="checkbox" />复选框2</td>
    	      <td> </td>
    	    </tr>
    	    <tr>
    	      <td><input name="check" type="checkbox" value="checkbox" />复选框3</td>
    	      <td> </td>
    	    </tr>
    	    <tr>
    	      <td><input name="check" type="checkbox" value="checkbox" />复选框4</td>
    	      <td> </td>
    	    </tr>
    	    <tr>
    	      <td><input name="check" type="checkbox" value="checkbox" />复选框5</td>
    	      <td> </td>
    	    </tr>
    	  </table>
    	</form>
    </body>

修改后的代码 无标题文档

<td> </td> 
    
    </tr> 
     <tr> 
      <td><input name="check" type="checkbox" value="checkbox" />复选框4</td> 
      <td> </td> 
    </tr> 
     <tr> 
      <td><input name="check" type="checkbox" value="checkbox" />复选框5</td> 
      <td> </td> 
    </tr>

<table> 
 <tbody> 
  <tr> 
   <td>选择所有</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>复选框1</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>复选框2</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>复选框3</td> 
  </tr> 
 </tbody> 
</table>

发表评论取消回复

表情：

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

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

相关阅读

相关 JavaScript实现全选、反选功能（Vue全选、反选，js原生全选、反选）

首先为复选框添加了一个事件监听器，当用户点击该复选框时，将触发该事件；然后在事件处理函数中，通过遍历所有复选框，将它们的选中状态设置为与复选框相同的状态。

缺乏、安全感/ 2024年04月22日 22:30/ 0 赞/ 106 阅读

相关如何为你的表单添加一个反选功能

原始代码无标题文档 <form id="form1" name="form1" method="post" action=""> <table wi

小咪咪/ 2024年03月24日 18:22/ 0 赞/ 27 阅读

相关如何实现动态表单功能

前言客户提出问题“手机端（app\\小程序等）每次修改表单的字段名或者新增其它表单时，每次都需要重新审核，由于表单修改很频繁且审核时间又很长，导致程序经常使用中断，体验

￡神魔★判官ぃ/ 2023年07月23日 15:53/ 0 赞/ 159 阅读

相关 jQuery实现全选反选功能

用jQuery实现全选反选功能要求要求1：点击全选的checkbox，让下面所有人名前的checkbox的选中状态和全选的一致要求2：点击反选按钮，所有人名

迷南。/ 2023年06月25日 06:05/ 0 赞/ 31 阅读

相关永久的CheckBox（单选，全选/反选）！

<html> <head> <title>选择</title> <script type="text/javascript" s

不念不忘少年蓝@/ 2022年10月02日 14:46/ 0 赞/ 249 阅读

相关 js实现全选/反选和单选

描述一般用在后台管理数据，以及购物车批量操作等多种情况 ![这里写图片描述][SouthEast] JS代码： <script type="te

浅浅的花香味﹌/ 2022年06月08日 09:48/ 0 赞/ 331 阅读

相关 javascript实现全选，反选功能

今天看项目发现有全选和反选的按钮实现，比较感兴趣，从网上搜索了自己实现了一下实现的方式就是在我们的按钮中设置响应的事件，然后在我们的函数中，通过定义的多选按钮的na

淡淡的烟草味﹌/ 2022年05月17日 10:48/ 0 赞/ 268 阅读

相关 21、【购物车模块】——全选、全反选、单选、单反选、查询购物车商品数量功能开发

\\\\1、接口开发： \\\\\\1、全选接口开发： `Controller`: //全选 @RequestMapping("select_

谁借莪１个温暖的怀抱￠/ 2022年05月06日 01:28/ 0 赞/ 214 阅读

相关 JavaScript实现全选、反选、不选功能

实现代码： <!DOCTYPE html> <html> <meta charset='utf-8' /> <body> <input

叁歲伎倆/ 2022年02月15日 08:06/ 0 赞/ 334 阅读

相关 Vue中表单控件（实现多选/反选、删除、单选功能）

Vue中表单控件（实现多选/反选、删除、单选功能） <html lang="en"> <head> <meta charset="UTF-8"

怼烎@/ 2021年12月07日 13:07/ 0 赞/ 852 阅读