"チェックされた"小道具をプログラムで切り替えると、チェックボックスが視覚的に更新されない

Question

JSFiddleの例を示します。

チェックボックスをクリックすると、周囲の隣のチェックボックスはすべてオンまたはオフに切り替える必要があります。

動作するはずです。彼らのチェックされた小道具はトグルしますが、視覚的に何も起こりません。

n.prop("checked", !n.prop("checked")); 

私は、これは小道具（）で起こっている驚いていると（ATTRない） 任意のアイデア？ありがとう！

Answer 1

いいえ、チェックされた小道具はトグルされず、prop()をattr()（またはその逆）を使用して問題が発生していません。 idとchecked - この段階で、各隣人は2つのキーでチェックボックスオブジェクトがあるので、

問題は、トリックを行いませんn = $(neighbor);でDOM要素を選択線25上にあります。

DOM要素を選択するには（実際にその値の変更をトリガするために）、そのオブジェクト内のidを使用してjQueryセレクタ内のidでIDを選択します。ライン25を置き換えます

n = $(`#${neighbor.id}`); 

ここで働い例です：https://jsfiddle.net/superKalo/0thktq5f/

私はこのことができます願っています。