如何顯示使用JavaScript在動態復選框單擊事件上隱藏div

Question

這是我的HTML表格

<table >
    <tbody>
        <tr ng-repeat="CU in InboxList">
            <td>
                <input type="checkbox" onclick="ShowHideDiv(this)" id="checkmailID" ng-model="CU.selected" value="{{CU.InboxMailID}}">
           </td>
        </tr>
    </tbody>
</table>

這是我要顯示/隱藏的div。

<div id="dvPassport">
    <button type="submit" data-placement="top" title="Move to trash"></button>
</div>

我已經創建了一個用於顯示/隱藏div的javascript，效果很好。這是我的代碼。

<script type="text/javascript">
    function ShowHideDiv(checkmailID) {
        debugger
        var dvPassport = document.getElementById("dvPassport");
        dvPassport.style.display = checkmailID.checked ? "inline-block" : "none";
    }
</script>

當我檢查div正在打開的單個，多個動態復選框時沒有問題。實際上，當我的html表中的所有復選框都未選中時，我正在嘗試隱藏div。當選中至少一個復選框時，div將顯示

Answer 1

<div [hidden] = "value" style="display: inline-block" id="dvPassport">
            <button type="submit" data-placement="top" title="Move to trash"></button>
</div>

您可以嘗試一下嗎，如果您通過javascript編輯value ，則可以隱藏取消隱藏分區