javascript - 每页具有多个表单的输入元素之间的依赖关系

Question

我正在使用数据库生成多个表单。表单中的某些输入字段具有标记

dep="XY"

其中 XY 是从属输入元素的名称。

例子：

< input type="checkbox" name="R5" id="c1" dep="R6" >

<输入类型=“收音机”名称=“R6”值=“V1”>

如果复选框 R5 被启用，它会激活单选按钮 R6

目前我正在使用这个 jquery 代码来启用/禁用元素：

function onChangeInputRadioCheckboxDependencies() {
var inputs = $('input');
inputs.change(function() {
    inputs.each(function() {
        var dep = $(this).attr('dep');
        if ( typeof dep != 'undefined') {
            var group = $(this).find('input[name=' + dep + ']');
            if ($(this).is(':checked')) {
                group.each(function() {
                    group.removeAttr('disabled');
                });
            } else {
                group.each(function() {
                    group.attr('disabled', true);
                    group.prop('checked', false);
                });
            }
        }
    });
});
}

如果页面上只有一个表单，则没有问题。但是，如果有两个或更多元素在所有表单中启用/禁用，因为所有输入在每个表单中都是连续编号的。

是否有可能只找到位于同一表单中的元素？谢谢你的帮助 ：-）

Answer 1

尝试

$(document).ready(function () {
    $('form').on('change', 'input[dep]', function () {
        var dep = $(this).attr('dep');
        var group = $(this).closest('form').find('input[name=' + dep + ']');
        if ($(this).is(':checked')) {
            group.prop('disabled',false);
        } else {
            group.prop('disabled', true);
            group.prop('checked', false);
        }
    });
});