リストから選択したものを除いて、svgのすべての要素を非表示にする必要があります。javascript

Question

私は、パイプラインをマップするために地図上に表示する演算子のリストを作成しました。私はリストからチェックされていないすべてのパイプラインだけを隠すことができるようにしたい。したがって、1つのオペレータがチェックされている場合、1つのオペレータがマップ上にパイプラインを表示するだけです。今はselectAllのためにすべてを隠していますが、私はいくつかのオプションを試しましたが、何も動かないようです。それらをすべて隠すか、または隠すかのいずれかです。
JS：

if($("#pipeExclusion").val() == 1){ 
     map.svg.selectAll(".pipe").style("visibility", "hidden"); 
    } else if($("#pipeExclusion").val() == 0){ 
     map.svg.selectAll(".pipe").style("visibility", "visible"); 
    } 

ここで私は私がしている事業者のためのクラスのステータスを確認する場合は、トップに& &を追加しようとしたすべてのパイプライン

 if(map.filters.showPipes){ 
     map.svg.selectAll(".pipe") 
      .data(topojson.feature(pipeData, pipeData.objects.ngpipes).features).enter().append("path") 
      .attr("class", function(d){return "pipe test p" + pipeOperators.indexOf(d.properties.name);}) 
      .attr("d", map.svgPath); //map.svgPath 
     } 

     for(i=0;i<pipeOperators.length;i++){ 
     if(map.filters.showPipes == 1){ 
      $("#pipeOperatorsList").append("<li><input type='checkbox' class='pipeOperator' value=p" + pipeOperators.indexOf(pipeOperators[i]) + "> " + pipeOperators[i] + "</li>"); 
      } 
     } 

に引く場所ですリストにはありますが、私はそれを隠すことはないので、うまくいきません。任意のヒント？ここで

Answer 1

私の答えはあるが...新しいクリック機能

 $(".pipeOperator").click(function(){ 
     if(this.checked == true){ 
      console.log("." + this.value); 
      //$("." + this.value).style("visibility", "visible"); 
      map.svg.selectAll("." + this.value).style("visibility", "visible"); 
     } 
     if(this.checked == false){ 
      console.log("." + this.value); 
      //$("." + this.value).style("visibility", "hidden"); 
      map.svg.selectAll("." + this.value).style("visibility", "hidden"); 
     } 
    });