js根據選中的復選框，隱藏那一行

如圖，選擇復選框，點擊“隱藏”按鈕，隱藏選中行

 

1、JavaScript代碼：

    function getCheckedIds() {
            var checkedSubject = $('#showSbgl input[name=checkIds]:checkbox:checked');
            checkedSubject.each(function() {
                    $(this).parents("tr").hide();
            });
        }

 （1）checkedSubject ：根據table表id：showSbgl ，獲取選中的復選框id：input[name=checkIds]:checkbox:checked'，最后把選中的復選框給checkedSubject 

 （2）checkedSubject.each(function(){})：遍歷checkedSubject，

（3）$(this)：每一個選中的復選框。

（4）$(this).parents("tr")，選中的復選框所在那一行，hide()：隱藏

 

 

　　　　　　　　<table id="showSbgl" >
                <thead>
                    <tr class="yogurt_tab_back" onmouseover="this.className='yogurt_tab_trhover'" onmouseout="this.className='yogurt_tab_back'">
                        <th width="3%"><input type="checkbox" name="sbglId" onClick="allchecked(this)"></th>
                        <th width="10%">設備名稱</th>
                        <th width="10%">設備類型</th>
                    </tr>
                </thead>
                <tbody id="sbglTb">
                    <c:forEach var="sbgl" items="${resultMap.resultList}" varStatus="status">
                        <tr>
                            <td><input type="checkbox" id="checkIds" name="checkIds"></td>
                            <td>${sbgl.sbmc }</td>
                            <td>${sbgl.sblx }</td>
                        </tr>
                    </c:forEach>
                </tbody>
            
            </table>