单击按钮时禁用特定表单域

我要禁用按钮点击的特定字段,例如我在我的页面中有两个表单

< form method='post' action='' class='myform'>





< form method='post' action='' class='myform'>

使用jquery我可以禁用所有这样的字段

$(document).ready(function(){                            
    $('.btn').click(function(){
        $("input").prop('disabled', true);
    });
});

但是当我第一次提交按钮时,我不知道如何定位特定字段,如name_0,email_0,请帮我这个

要禁用它们,您将使用属性选择器:

$("input[name='name_0']").prop('disabled', true);

jQuery属性选择器

如果您有多个项目,可以将它们组合在一起:

$("input[name='name_0'],input[name='email_0']").prop('disabled', true);

您遇到的更大问题是,您正在尝试通过单击某个类来确定表单.为了缩小范围,你可以做一些DOM遍历:

$(document).on('click', '.btn', function(event) {
    // which form? this one!
    var currentForm = $(this).closest('form');
    // disable all inputs for this form
    currentForm.find('input').prop('disabled', true);
});

现在我不必知道要禁用哪些输入(如果我想禁用所有输入).我只需要在按钮的表单中找到输入.