前台动态显示数据在table中，点击table中的某行checkbox，再点击修改，该行可以被编辑，原生js的function updateDicType怎么写

vr复制者 2018-08-13 09:17:22

...全文

162 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

vr复制者 2018-08-13

打赏
举报

回复

点击复选框，再点击修改，点击复选框的那一行变得可以编辑，原生js的function updateDickType怎么写（格式类图上）

vr复制者 2018-08-13

打赏
举报

回复

为了提高用户体验度，往往需要用户一点击行，则前面的CheckBox被选中。如下： 1.首先设置table的id为“Qub_tb_List” 2.利用JavaScript实现 <script type="text/javascript"> //点击行勾选 $("#Qub_tb_List").on("click", "tr", function ()...

目的实现鼠标点击表格行元素，就可以选中所在行内的复选框，实现数据勾选效果。多用于管理系统中数据列表上。效果录制了一个简单的动画来呈现。方法这里采用jQuery框架做实现，当然原生的js也可以实现，只是麻烦一些。$(function () { //除了表头（第一行）以外所有的行添加click事件. $("tr").slice(1).click(function () {

后台项目里应该有个常见需求,单击行时选中该行的checkbox,查了下网上element的解决方法,大多数都是在组件上一个个绑定rowclick事件来实现的,感觉太麻烦了。试了一下覆写elementtable的事件,好像没啥问题大家可以试一下

效果图不管三七二十一，一图走天下，如下：应用场景更好的用户体验，不需要精准的点击小小的CheckBox实现单选全选 html <div class="table-box"> <table> <thead> <tr class="check-all">...

效果图： HTML中无需添加额外的一列来表示复选框，而是由JS完成，所以正常的表格布局就行了： [html] view plain copy table class="table table-bordered table-hover"> thead> tr class="succe

51,396

社区成员

85,838

社区内容

发帖

与我相关

我的任务

javaspring bootspring cloud 技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章