체크 박스가 아닌 체크 박스가 테이블에 체크되어 있으면 버튼을 숨기기

Question

행의 시작 부분에 체크 박스가있는 테이블이 있습니다. 숨겨진 버튼이 있습니다. 하나의 체크 박스를 체크하면 버튼이 나타납니다. 선택을 취소하면 버튼이 숨겨집니다. 그것은 잘 작동합니다. 내 문제는, 만약 내가 모든 체크 박스를 "체크"하고 체크 한 것들 중에서 하나의 체크 박스를 체크하지 않으면, 버튼이 숨겨집니다. 아직 체크 박스가 선택되어 있으므로 숨기면 안됩니다. 이 문제를 어떻게 해결할 예정입니까?

$('table').on('change', ':checkbox', function(){ 
    if (!this.checked) 
    { 
     $('#delete').hide(); 
    } 

    else 
    { 
     $('#delete').show(); 
    } 


}); 

HTML : : 여기

내 코드

스크립트입니다

<table class="table table-hover table-condensed" style = "font-size: 13px;"> 
       <tr> 
        <th><input type ="checkbox" id = "chkall"></th> 
        <th>Type</th> 
        <th>Brand</th> 
        <th>Description</th> 
        <th>Serial No</th> 
        <th>Asset No</th> 
        <th>Date of Purchased</th> 
        <th>Warranty Expiration</th> 
        <th>Status</th> 
       </tr> 

       <tr> 
        <td><input type ="checkbox"></td> 
        <td>Keyboard</td> 
        <td>HP</td> 
        <td>One time use keyboard</td> 
        <td>123456</td> 
        <td>789456</td> 
        <td>July 5, 2019</td> 
        <td>August 6, 2015</td> 
        <td>Available</td> 
       </tr> 

       <tr> 
        <td><input type ="checkbox"></td> 
        <td>Keyboard</td> 
        <td>HP</td> 
        <td>One time use keyboard</td> 
        <td>123456</td> 
        <td>789456</td> 
        <td>July 5, 2019</td> 
        <td>August 6, 2015</td> 
        <td>Available</td> 
       </tr> 

       <tr> 
        <td><input type ="checkbox"></td> 
        <td>Keyboard</td> 
        <td>HP</td> 
        <td>One time use keyboard</td> 
        <td>123456</td> 
        <td>789456</td> 
        <td>July 5, 2019</td> 
        <td>August 6, 2015</td> 
        <td>Available</td> 
       </tr> 

       <tr> 
        <td><input type ="checkbox"></td> 
        <td>Keyboard</td> 
        <td>HP</td> 
        <td>One time use keyboard</td> 
        <td>123456</td> 
        <td>789456</td> 
        <td>July 5, 2019</td> 
        <td>August 6, 2015</td> 
        <td>Available</td> 
       </tr> 

       <tr> 
        <td><input type ="checkbox"></td> 
        <td>Keyboard</td> 
        <td>HP</td> 
        <td>One time use keyboard</td> 
        <td>123456</td> 
        <td>789456</td> 
        <td>July 5, 2019</td> 
        <td>August 6, 2015</td> 
        <td>Available</td> 
       </tr> 
</table> 

Answer 1

당신은 적어도 하나 개의 체크 박스가

$('table').on('change', ':checkbox', function() { 
 
    $('#delete').toggle(!!$('input:checkbox:checked').length); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div style="display: none" id="delete">delete</div> 
 
<table class="table table-hover table-condensed" style="font-size: 13px;"> 
 
    <tr> 
 
    <th> 
 
     <input type="checkbox" id="chkall"> 
 
    </th> 
 
    <th>Type</th> 
 
    <th>Brand</th> 
 
    <th>Description</th> 
 
    <th>Serial No</th> 
 
    <th>Asset No</th> 
 
    <th>Date of Purchased</th> 
 
    <th>Warranty Expiration</th> 
 
    <th>Status</th> 
 
    </tr> 
 

 
    <tr> 
 
    <td> 
 
     <input type="checkbox"> 
 
    </td> 
 
    <td>Keyboard</td> 
 
    <td>HP</td> 
 
    <td>One time use keyboard</td> 
 
    <td>123456</td> 
 
    <td>789456</td> 
 
    <td>July 5, 2019</td> 
 
    <td>August 6, 2015</td> 
 
    <td>Available</td> 
 
    </tr> 
 

 
    <tr> 
 
    <td> 
 
     <input type="checkbox"> 
 
    </td> 
 
    <td>Keyboard</td> 
 
    <td>HP</td> 
 
    <td>One time use keyboard</td> 
 
    <td>123456</td> 
 
    <td>789456</td> 
 
    <td>July 5, 2019</td> 
 
    <td>August 6, 2015</td> 
 
    <td>Available</td> 
 
    </tr> 
 

 
    <tr> 
 
    <td> 
 
     <input type="checkbox"> 
 
    </td> 
 
    <td>Keyboard</td> 
 
    <td>HP</td> 
 
    <td>One time use keyboard</td> 
 
    <td>123456</td> 
 
    <td>789456</td> 
 
    <td>July 5, 2019</td> 
 
    <td>August 6, 2015</td> 
 
    <td>Available</td> 
 
    </tr> 
 

 
    <tr> 
 
    <td> 
 
     <input type="checkbox"> 
 
    </td> 
 
    <td>Keyboard</td> 
 
    <td>HP</td> 
 
    <td>One time use keyboard</td> 
 
    <td>123456</td> 
 
    <td>789456</td> 
 
    <td>July 5, 2019</td> 
 
    <td>August 6, 2015</td> 
 
    <td>Available</td> 
 
    </tr> 
 

 
    <tr> 
 
    <td> 
 
     <input type="checkbox"> 
 
    </td> 
 
    <td>Keyboard</td> 
 
    <td>HP</td> 
 
    <td>One time use keyboard</td> 
 
    <td>123456</td> 
 
    <td>789456</td> 
 
    <td>July 5, 2019</td> 
 
    <td>August 6, 2015</td> 
 
    <td>Available</td> 
 
    </tr> 
 
</table>

,129,373처럼 선택되어 있는지 확인할 수 있습니다