Javascript Jquery中的切换复选框

如何使此代码在未选中属性桥时隐藏该属性桥，并在再次选中时将其还原

var bridge = new ol.layer.Tile({
            title: 'Bridge',
            opacity: opacity,
            //visible: false,
            source: new ol.source.TileWMS({
                url: geoserverUrlPath + '/geoserver/wms',
                params:{
                    'LAYERS':'pasco_benim:bridge',
                    'TILED': true
                },
                serverType: 'geoserver'
            }),
            layerName: 'bridge'
        });     

            bridge.on('change:visible', function(){
                    //alert("alert");
                    $('#bridge').hide();
            });

---

如果

bridge

是

type=checkbox

输入，则您可以尝试

 $('#bridge').toggle();

或者如果您想更具体地使用

这个。选中
或
！此项。选中
以反转逻辑：

bridge.on('change', function() {
    $('#bridge').toggle( this.checked );
});

由于您没有提供任何最小、完整和可验证的示例，我的示例如下：


const bridge=$（“#桥输入”），
布里奇迪夫=$（“#布里奇”）；
bridge.on（'change'，（）=>bridgeDiv.toggle（this.checked））

BUNGALUNGA
您是否也可以添加html，以便我们可以检查或尝试一次
bridge.on（'change'，function（）{$（'#bridge'）.toggle（）}）谢谢你，伙计！但它不起作用。当我取消选中它时，它正在工作：`bridge.on（'change:visible'，function（）{`$（'#bridge'）.hide（）；}）`也许我可以加上if语句？