2条回答 默认 最新
- jiang_mingyi 2017-05-25 05:46关注
看看实现的和你想要的是不是一样的
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>text</title> <style type="text/css"> .a{ display: none; } </style> </head> <body> <table border=4 width=250 align=center> <tr bgcolor="#cccccc"> <th><br></th> <th>列-A</th> <th>列-B</th> <th>列-C</th> </tr> <tr align=center> <td>行-1</td> <td>A1</td> <td>false</td> <td>C1-C2</td> </tr> <tr align=center> <td>行-1</td> <td>A1</td> <td>true</td> <td>C1-C2</td> </tr> <tr align=center> <td>ert</td> <td>ret</td> <td>true</td> <td>ggdf</td> </tr> </table> <button id="on" class="a" data-company="">启用</button> <button id="off" class="a" data-company="">禁用</button> <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script> <script type="text/javascript"> $("table tr td:nth-child(3)").click(//第三列选中 function(){ var temp = $(this).text(); if(temp=="true"){ $("#on").hide(); $("#off").show(); $("#off").data("company","XXX");//为其添加company识别标志 }else if(temp=="false"){ $("#off").hide(); $("#on").show(); $("#on").data("company","XXX");//为其添加company识别标志 }else{ $("#off").hide(); $("#on").hide(); } }); </script> </body> </html>
主要就两点,这是列选择,$("table tr td:nth-child(3)")挺好用的,判断是禁用还是启用直接用根据true和false来判断就行。
你讲所有的启用和禁用只用一个按钮完成,就需要将公司的判定条件传递给按钮,建议使用JQ的data属性。
另外,你们这样做,用户体验不是很好呀,直接将此td做成一个下拉框不行吗?你们考虑考虑用户的想法呗本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 乌班图ip地址配置及远程SSH
- ¥15 怎么让点阵屏显示静态爱心,用keiluVision5写出让点阵屏显示静态爱心的代码,越快越好
- ¥15 PSPICE制作一个加法器
- ¥15 javaweb项目无法正常跳转
- ¥15 VMBox虚拟机无法访问
- ¥15 skd显示找不到头文件
- ¥15 机器视觉中图片中长度与真实长度的关系
- ¥15 fastreport table 怎么只让每页的最下面和最顶部有横线
- ¥15 java 的protected权限 ,问题在注释里
- ¥15 这个是哪里有问题啊?