D3クラスを追加してクラスを削除するには、チェックボックスを使用してください。

Question

チェックボックスを使用して追加したクラスを削除できません。チェックボックスがオンになっています。ユーザーがチェックを外すと、クラス「（hideRect」、true）を持つ「hideRect」クラスが追加されます。 これは素晴らしいですが、ボックスをもう一度チェックしてもクラスは消えません。

this.$node.append('input') 
    .attr('type', 'checkbox') 
    .attr('checked', true) 
    .attr('value', 'med') 
    .on('click',() => this.updateRectLine()); 
    } 

private updateRectLine() { 

    //var rect = this.$node.getElementsByClassName('.MEDICATION'); 
    var cbMed = this.$node.attr("checked"); 
    if (cbMed !== true){ 
     this.$node.selectAll(".MEDICATION").classed('hideRect', true); 
    } 

    else if (cbMed == true){ 
     this.$node.selectAll(".MEDICATION").classed('hideRect', false); 
    } 

}事前に

感謝：

は、ここに私のコードです！あなたはこの

private updateRectLine() { 
    var cbMed = this.$node.select("input[type='checkbox']").prop("checked"); 
    if (!cbMed) 
    this.$node.selectAll(".MEDICATION").classed('hideRect', true); 
    else 
    this.$node.selectAll(".MEDICATION").classed('hideRect', false); 
} 

.attr()のような機能が唯一のチェックボックスがチェックボックスのチェック状態をチェックするために初期化された、チェックボックスにプロパティchecked存在を使用する値を返す、以下の機能を更新する必要が

Answer 1

要素