div 내의 개별 체크 박스의 체크 박스를 체크 해제

Question

check_one & check_two라는 두 개의 개별 div가 있습니다. check_one에는 상자가 4 개 있습니다. check_two에는 1이 있습니다.

check_two div의 확인란을 선택하면 첫 번째 div check_one 내의 모든 Chekced 상자를 선택 취소해야합니다. 그것은 일종의 혼란 스럽지만 그것은 제가하려고하는 것입니다.

$("input[name='uncheckMe']").change(function(){ 
    if ($(this).is(":checked")){  
     $("#check_one input").removeAttr("checked"); 
    } 
}); 

을 그리고 jsFiddle :

HTML ::

<div id="check_one"> 
    <label>Stuff 1</label> <input name="" type="checkbox" value="" id="group1" checked="checked"><br> 
    <label>Stuff 2</label> <input name="" type="checkbox" value="" id="group1" checked="checked"><br> 
    <label>Stuff 3</label> <input name="" type="checkbox" value="" id="group1" checked="checked"><br> 
    <label>Stuff 4</label> <input name="" type="checkbox" value="" id="group1" checked="checked"> 
</div> 
<br> 
<div id="check_two"> 
    <label>Undo</label> <input name="uncheckMe" type="checkbox" value="" id="group2"> 
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

jQuery를 ::

$('input[name=uncheckMe]').change(
{ 
    var checked = $("#group1").attr("checked"); 

    if(checked) 
    { 
     $("#check_two").attr("disabled", true); 
    } 

});​ 

Answer 1

http://jsfiddle.net/PgHbu/3/ 내가이에 대한 jsFiddle을 생성

당신은) 변경 (내에서 기능이 누락 :

$('input[name=uncheckMe]').change(function(){ 
     $("#check_one > input").each(function(i) { 
      if ($(this).is(":checked")) { 
       $(this).removeAttr("checked"); 
      } 
     }); 
    }); 

Answer 2

이 시도