Jqueryのチェックボックスを切り替えます

Question

このチェックボックスをオフにして属性ブリッジを非表示にし、再度チェックすると元の状態に戻すにはどうすればよいですか？

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(); 
      }); 

Answer 1

bridgeはあなたよりtype=checkbox入力が

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

のように試みることができるか、より具体的にしたい場合は、使用this.checkedまたは!this.checkedは論理反転させることである場合：ので

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

を最小限で完全で検証可能な例はありませんでしたが、これは私のものです：

const bridge = $("#bridge-input"), 
 
     bridgeDiv = $("#bridge"); 
 

 

 
bridge.on('change',()=> bridgeDiv.toggle(this.checked));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<input type=checkbox id=bridge-input> 
 
<div id=bridge>BUNGALUNGA</div>