Comment faire pour désactiver dynamiquement radioButton groupe

- Je en créer un élément dans mon groupe de boutons comme ceci:

var selectorLay1 = document.createElement('input');
        var selectorLay1Atributes = {
            'type': 'radio',
            'class': "selectorLay1",
            'id': "radioLay1",
            'name': "layouts",
            'onchange': "mv.createLayout(1,1)"};

J'ai différents éléments de ce genre. Mais ils ont tous le même nom: 'layouts'.
Comment trouver l'ensemble de ces éléments et de les désactiver dynamiquement.

Vous vous rendez compte que ce sera (certainement semble) créer plusieurs éléments avec le même id?
seul le nom de l'attribut est le même

OriginalL'auteur Jacob | 2013-03-26

  1. 9

    Essayez ceci:

    var radios = document.getElementsByName('layouts');
for (var i = 0; i< radios.length;  i++){
    radios[i].disabled = true;
}

    Lire https://developer.mozilla.org/en-US/docs/DOM/document.getElementsByName pour getElementsByName

    OriginalL'auteur Rohan Kumar

  2. 6

    Que je vous suggère:

    var inputs = document.getElementsByName('layouts');
for (var i = 0, len = inputs.length; i<len; i++){
    inputs[i].disabled = true;
}

    Simple démo.

    Cela permet de sélectionner les éléments pertinents à la name de layouts, puis, dans le for {...} boucle, itération sur ces éléments et de l'ensemble de la disabled propriété.

    À l'aide d'une simple approche par la fonction de:

    function disableByName(elName){
    var els = document.getElementsByName(elName);
    if (els !== null){
        for (var i = 0, len = els.length; i<len; i++){
            els[i].disabled = true;
        }
    }
}

var button = document.getElementById('radioDisable');

button.addEventListener('click',function(e){
    e.preventDefault();
    disableByName('layouts');
}, false);

    Simple démo.

    Ou, si vous préférez, vous pouvez étendre le prototype d'Objet pour vous permettre de désactiver directement les éléments retournés par la document.getElementsByName() sélecteur:

    Object.prototype.disable = function(){
    var that = this;
    for (var i = 0, len = that.length; i<len; i++){
        that[i].disabled = true;
    }
    return that;
};

document.getElementsByName('layouts').disable();

    Simple démo.

    OriginalL'auteur David Thomas