datatables 点击行，当前行的复选框选中

土豆茄子1994

于 2018-10-27 11:18:52 发布

阅读量266

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_33732593/article/details/83444568

本文介绍了一种在网页表格中通过点击行来切换该行内复选框状态的方法，利用jQuery实现行点击事件，使点击行时能够改变行内复选框的选中状态，提供了一个实用的交互解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

笔记：防止自己忘了

行： <th><input type="checkbox" name="all" id="all" /></th>

行的值：{
                       data : function(e){
                           return "<input type='checkbox' name='checkids' id='checkids' value='"+e.id+"'/>";
                       }
                   },

方法： $('#appTable tbody').on('click', 'tr', function () {
                        /* var data = table.row( this ).data();
                        alert( 'You clicked on '+data[0]+'\'s row' ); */
                          var input = $(this).find("input");
                          //alert($(input).prop("checked"));
                          if (!$(input).prop("checked")) {
                              $(input).prop("checked",true);
                          }else{
                            $(input).prop("checked",false);
                          }

                    } );

借鉴地址：https://blog.youkuaiyun.com/QQ459932400/article/details/79003521