jquery - Jquery递归检查

Question

我有这些复选框：

<input type="checkbox" id-mod="1" name="read[]" />
<input type="checkbox" id-mod="4" parent="1" name="read[]" />
<input type="checkbox" id-mod="10" parent="4" name="read[]" />
<input type="checkbox" id-mod="60" parent="10" name="read[]" />

检查包含属性“parent”的条目时，应自动检查包含相同值的属性“id-mod”的输入。

使用以下功能：

$("input:checkbox[parent]").change(function() {
    if ($(this).is(':checked')) {
        var parent = $(this).attr('parent');
        $("input:checkbox[id-mod='"+parent+"']").prop("checked", true);
    }
});

例如，当使用属性parent="10"检查输入时，它还使用属性id-mod="10"检查输入，但我需要它反过来使用属性parent="4"获得相同的事件并相继......我怎么得到这个？

Answer 1

您可以尝试将其属性匹配为

// run the selector and then..
var parent = $(this).attr('parent');//get parent value
$(this).parent().find('input[id-mod=' + parent + ']').prop('checked', true);

然后从父元素中找到输入，（或者如果您有表单的类或 id，您也可以使用它）并在找到更新其属性后检查。

http://jsfiddle.net/afzaal_ahmad_zeeshan/YFXKL/这是一个小提琴！:)

Answer 2

创建一个需要检查 id 的函数。该函数检查它是否有父级。如果找到父级，它将使用该 ID 再次调用相同的函数。

然而，这很容易成为一个无限循环。而且您的浏览器不会响应。