如何仅使用javascript将表单中的所有元素更改为禁用？

我有这个HTML：

     <div id="account-form">
        <form action="/Account/Login" id="login-form" class="form" method="post">
            <div id="input-fields">
                <div>
                    <input class="medium-margin" id="UserName" name="UserName">
                </div>
                <div>
                    <input class="medium-margin" id="Password" name="Password">
                </div>
            </div>
            <button class="medium glossy" id="login" type="submit">Login</button>
            <button class="medium glossy" id="register" type="button" onclick="location.href='/Account/Register'">Register</button>
        </form>
    </div>

我想禁用

和

。有没有一种方法可以在不按Id获取每个元素的情况下执行此操作。

尝试以下操作：

$(".medium-margin").attr('disabled','disabled');

---

您可以通过类名来实现这一点：

document.getElementsByTagName（'input'）

和

document.getElementsByTagName（'button'）

您可以使用带有返回集合HTML元素的

getElementsByTagName

来获取元素

var inputs = document.getElementsByTagName("input");
for (i = 0; i < inputs.length; i++) {
    inputs[i].disabled  = true;
}

var inputs=document.getElementsByTagName（“输入”）；
对于（i=0；i

登录
登记

我认为上面的代码对您很有用。试试看。

试试这个：-

$('input').attr('disabled',true);

或

使用Javascript：

var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
     inputs[i].disabled = true;
}

---

我通常给这些元素一个特定的类或容器，这样我就不会意外地关闭页面上的其他内容。

$('input').attr('disabled',true);

$('button').attr('disabled',true);

var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
     inputs[i].disabled = true;
}

 $('input').each(function() {

                $(this).attr({
                    'disabled': 'disabled'
                });

        });