javascript - jQuery - 使用名称属性首次单击时选中和取消选中第二个复选框

Question

我正在尝试在单击第一个(隐藏它)时自动检查第二个复选框(删除它!)？系统生成的 html 不包含复选框元素的任何 id 或类。我尝试以名称属性为目标，但每次都失败。

jQuery(document).ready(function($){
    $("input:checkbox[name='eddhd']").click(function() {
        $(this).parents('.eddhrd::nth-child(2))').siblings("input:checkbox[name='eddhrd']").find('input:checkbox').attr("checked","checked");
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<fieldset class="es-el eddhd">
    <div class="es-label">
        <label for="es-eddhd">Hide it</label>
        <br>
    </div>
    <div class="es-fields">
        <span data-required="no" data-type="radio"></span>
        <label>
            <input name="eddhd[]" value="Yes" type="checkbox"> Yes
        </label>
    </div>
</fieldset>
<fieldset class="es-el eddhrd">
    <div class="es-label">
        <label for="es-eddhrd">Delete it!</label>
        <br>
    </div>
    <div class="es-fields">
        <span data-required="no" data-type="radio"></span>
    <label>
        <input name="eddhrd[]" value="Yes" type="checkbox"> Yes
    </label>
    </div>
</fieldset>

Answer 1

您可以使用change 函数来检查复选框是否被选中，而不是选中 其他复选框，否则取消选中。

$("input:checkbox[name='eddhd[]']").change(function () {
if ($(this).is(":checked"))
   $("input:checkbox[name='eddhrd[]']").attr("checked", "checked");
else
   $("input:checkbox[name='eddhrd[]']").attr("checked", false);
});