html - jQueryがdiv内のチェックボックスを別の特定のチェックボックスからチェック解除する

Question

check_one と check_two の 2 つの別個の div があります。check_one には 4 つのボックスがあり、check_two には 1 つのボックスがあります。

check_two div 内のチェックボックスをオンにすると、最初の div、check_one 内のすべてのチェック ボックスがオフになります。ちょっとややこしいですが、それが私がやろうとしていることです。

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

これを試して：

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

そしてjsFiddle：http://jsfiddle.net/PgHbu/3/

Answer 2

このhttp://jsfiddle.net/Twisty/ta2qT/のjsFiddleを作成しました

Change() 内に関数がありません:

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