从另一个div中的输入复选框中删除属性

Question

是否可以在单击id ="chk1"复选框时删除输入类型复选框选中的属性.

<div class="index1" id="test1">
    <h2>testing1</h2>
    <div class="str">
        <ul>
            <li class="nvc1">
                <input type="checkbox" value="in1" id="chk2" checked="checked" />
                <div class="checkbox-select">str1</div>
                <div class="checkbox-deselect">str2</div>
            </li>
        </ul>
    </div>
</div>
<div class="index2" id="test2">
    <h2>testing2</h2>
    <div class="string">
        <ul>
            <li class="nv1">
                <input type="checkbox" value="in1" id="chk1" />
                <div class="checkbox-select">lblstr1</div>
                <div class="checkbox-deselect">lblstr2</div>
            </li>
        </ul>
    </div>
</div>

有什么参考/

谢谢,ShailShin

Answer 1

我建议这个:

$("#chk1").on("change", function(){
    $("#chk2").prop("checked", !$(this).prop("checked"));
});

更改#chk2检查状态取决于#chk1.

的jsfiddle