jquery - jquery チェックボックス (他の人がチェックした場合はチェック/チェックを外します)

Question

誰かがこれを手伝ってくれることを願っています。

もう少しインテリジェント (自動) にする必要があるページのチェックボックスの広範なリストがあります。

ページ上のすべてのチェックボックスは同じ「名前」属性を共有していますが、サブグループがあります。

私はこれを拡張しようとしているので、グループ内でチェックボックスが「チェック」されている場合、「親」がチェックされ、( 内で<ul></ul>) グループ化されていない場合、親はチェックされません。

ここで jsFiddle をセットアップしました: http://jsfiddle.net/swdmedia/xsDgm/13/

jQuery

$('input.checkbox').click(function() {
  var parent = $(this).attr('data-parent');

  $('#'+parent).attr('checked', true);
});

HTML

<h4>Agriculture <input type="checkbox" id="cat4" name="cntnt01cd_categories[]" value="4" /></h4>

<ul>
  <li>
    <label for="cat44" class="checkbox">
    <input type="checkbox" class="checkbox" id="cat44" name="cntnt01cd_categories[]" value="44" data-parent="cat4" />Farm Services</label>
</li>
  <li>
    <label for="cat40" class="checkbox">
    <input type="checkbox" class="checkbox" id="cat40" name="cntnt01cd_categories[]" value="40" data-parent="cat4" />Farming</label>
</li>
</ul>

<h4>Automotive Sales and Supplies <input type="checkbox" id="cat5" name="cntnt01cd_categories[]" value="5" /></h4> 

<ul>

  <li><label for="cat46" class="checkbox"><input type="checkbox" id="cat46" name="cntnt01cd_categories[]" value="46"/> Auto Service or Auto Repair</label></li>

  <li><label for="cat48" class="checkbox"><input type="checkbox" id="cat48" name="cntnt01cd_categories[]" value="48"/> Auto Glass</label></li>                                          
</ul>