javascript - JavaScriptまたはPrototypeを使用してフォーム内のすべてのコントロールを取得し、それらを有効にしますか？

Question

すべてのコントロール（ラジオボタン、選択、テキストフィールドなど）を取得し、それらの状態を有効に設定するにはどうすればよいですか？

Answer 1

Prototype.jsの場合：

$$(":input").each(function (el) {
   el.enable();
});​

デモ。

Answer 2

古いブラウザを気にしない場合は、次を使用できます。

(function (slice) {
    "use strict";
    var elems;

    //select the elements
    elems = document.querySelectorAll('button, input, select, textarea');

    //cast to an array
    elems = slice.call(elems); 

    //iterate over the array
    elems.forEach(function (el) {
        //enable each element
        el.disabled = false;
    });
}(Array.prototype.slice));

document.getElementsByTagNameそれ以外の場合は、すべてのタグを使用して反復する必要があります。

(function (slice) {
    "use strict";
    var elems,
        elem,
        i,
        l;
    function getElemArr(tag) {
        var els;
        //get the elements
        els = document.getElementsByTagName(tag);
        //cast to array
        els = slice.call(els);
        return els;
    }
    //select each type
    elems = [].concat(
        getElemArr('button'),
        getElemArr('input'),
        getElemArr('select'),
        getElemArr('textarea')
    );
    //loop over every element
    for (i = 0, l = elems.length; i < l; i += 1) {
        elem = elems[i];
        elem.disabled = false;
    }
}(Array.prototype.slice));