如何显示使用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 ，则可以隐藏取消隐藏分区