臨下班突然來(lái)了一個(gè)特別著急的BUG。

問題代碼如下：

<table class="table table-border table-bordered table-hover table-bg table-sort"><thead><tr class="text-c"><th width="25"><input type="checkbox" name="" value=""></th><th width="30">id</th><th width="30">區(qū)域</th><th width="60">小區(qū)名稱</th><th width="90">標(biāo)題</th><th width="50">戶型</th><th width="30">圖片數(shù)量</th><th width="60">聯(lián)系人</th><th width="60">對(duì)接人</th><th width="60">對(duì)接客服</th><th width="60">視頻房源</th><th width="30">審核狀態(tài)</th><th width="30">身份認(rèn)證</th><th width="30">房本認(rèn)證</th><th width="30">瀏覽量</th><th width="60">售價(jià)</th><th width="90">備注</th><th width="90">超市物業(yè)</th><th width="100">發(fā)布時(shí)間</th><th width="100">更新時(shí)間</th><th width="60">上次審核時(shí)間</th><th width="100">操作</th></tr></thead><tbody><tr class="text-c" th:each="list : ${dataList}"><input type="hidden" th:id="${list.HouseID}" name="cooperation"th:value="${list.isCooperation+ '_' + list.cooperationId}"/><td><input type="checkbox" class="houseId" th:value="${list.HouseID}" name=""/></td><td th:text="${list.HouseID}"></td><td th:text="${list.regionName}"></td><td th:text="${list.subdistrictName}"></td><td><a th:text="${list.Title}"th:href="@{'https://sy.fangxiaoer.com/UHouse/sale/view/'+${list.HouseID}}"target="_blank"></a></td><!--<td th:text="${list.Title}"></td>--><td th:text="${list.room+'室'+list.Hall+'廳'+list.Toilet+'衛(wèi)'}"></td><td th:text="${list.picCount}"></td><td th:if="${#strings.equals(list.memberType, '2')}" th:text="${list.realName}"></td><td th:if="${#strings.equals(list.memberType, '1')}" th:text="${#lists.size(#strings.listSplit(list.HouseOwner,'|')) le 1?list.HouseOwner:((#strings.listSplit(list.HouseOwner,'|')[0])+(#strings.listSplit(list.HouseOwner,'|')[1] eq '1'?'(先生)':'(女士)')) }"></td><td th:text="${list.joinMember}"></td><td th:text="${list.joinCustomerService}"></td><td th:text="${list.houseVideoStatus eq 3 ? '是' :'否'}"></td><th:block th:if="${list.State eq 3}"><td class="td-status"><span class="label label-success radius">審核通過</span></td></th:block><th:block th:if="${list.State eq 1}"><td class="td-status"><span class="label label-danger radius">未審核</span></td></th:block><th:block th:if="${list.State eq 4}"><td class="td-status"><span class="label label-warning radius">審核未通過</span></td></th:block><th:block th:switch="${list.realEstateStatus}"><td th:case="0" >n/a</td><td th:case="2" >未審核</td><td th:case="5" >未審核</td><td th:case="15">未審核通過</td><td th:case="100">審核通過</td></th:block><th:block th:switch="${list.realEstateStatus}"><td th:case="0" >n/a</td><td th:case="2" >n/a</td><td th:case="5" >未審核</td><td th:case="15">未審核</td><td th:case="100">審核通過</td></th:block><td th:text="${list.TotalVisitedNum}"></td><td th:text="${list.SalePrice + '萬(wàn)元'}"></td><td th:text="${list.Remark}"></td><td th:text="${list.pd}"></td><td th:text="${list.addTimeStr}"></td><td th:text="${list.updateTimeStr}"></td><td th:text="${#strings.isEmpty(list.SchoolAreaMID)? '' : list.SchoolAreaMID +'['+list.MiddleSchoolID+']'}"></td><td class="td-manage"><a data-toggle="tooltip" data-placement="top" title="編輯" href="javascript:;"th:onclick="'javascript:edit(\'編輯\',\''+${list.HouseID}+'\',\'update\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a><a data-toggle="tooltip" data-placement="top" title="縮略圖" href="javascript:;"th:onclick="'javascript:housePicShow(\'縮略圖\',\''+${list.HouseID}+'\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe646;</i></a><a data-toggle="tooltip" data-placement="top" title="刷新" href="javascript:;"th:onclick="'javascript:putSaleHouse(\'刷新\',\''+${list.HouseID}+'\',\'refresh\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe606;</i></a><th:block th:if="${list.IsDel eq 0}"><a data-toggle="tooltip" data-placement="top" title="刪除" href="javascript:;"th:onclick="'javascript:putSaleHouse(\'刪除\',\''+${list.HouseID}+'\',\'delete\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></th:block><th:block th:if="${list.IsDel eq 1}"><a data-toggle="tooltip" data-placement="top" title="恢復(fù)" href="javascript:;"th:onclick="'javascript:putSaleHouse(\'恢復(fù)\',\''+${list.HouseID}+'\',\'recovery\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe66b;</i></a></th:block><a data-toggle="tooltip" data-placement="top" title="點(diǎn)擊狀況" href="javascript:;"th:onclick="'javascript:affective(\''+${list.HouseID}+'\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe695;</i></a><th:block th:if="${list.IsAdHouse eq 0 or list.IsAdHouse eq null}"><a data-toggle="tooltip" data-placement="top" title="設(shè)置專題房源" href="javascript:;"th:onclick="'javascript:setAdHouse(\''+${list.HouseID}+'\',\'1\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6a8;</i></a></th:block><th:block th:if="${list.IsAdHouse eq 1}"><a data-toggle="tooltip" data-placement="top" title="取消專題房源" href="javascript:;"th:onclick="'javascript:setAdHouse(\''+${list.HouseID}+'\',\'0\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe631;</i></a></th:block><th:block th:if="${list.realEstateStatus ge 2}"><a data-toggle="tooltip" data-placement="top" title="真房源審核" href="javascript:;"th:onclick="'javascript:checkRealHouse(\''+${list.HouseID}+'\',\'0\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe638;</i></a></th:block></td></tr></tbody></table>

出現(xiàn)的問題最終定位在正常的tr td結(jié)構(gòu)中被插入了一個(gè)<input type="hidden">標(biāo)簽，這個(gè)雖然在明面出現(xiàn)不了任何問題，但是會(huì)造成批量選擇按鈕失效

這種情況下，解決問題的方式就是把input挪到第一個(gè)td的下面，或者挪到所有的td后面，這樣他就不會(huì)打擾tr 對(duì)第一個(gè)td多選框的批量選擇操作了。

以上，問題完美解決

總結(jié)

以上是生活随笔為你收集整理的table模板标签，批量多选失效的问题，tr td结构多选框失效相关问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。