JavaScript para emular radiobutton con checkboxes Noviembre 17

Archivado como javascript, web por josepcoves | 0 comments

Para hacer que todos los checkboxes de una página en concreto se comporten como un radiobutton (que solamente se muestre uno activo en cada momento). Podemos usar el siguiente Javascript:

function set_change(a) {
     if (a.checked==true){       
       var inputs = document.getElementsByTagName('input');
       for(var i=0; i<inputs.length; i++){
         if(inputs[i].getAttribute('type')=='checkbox'){
           if (inputs[i]!=a)
             inputs[i].checked=false;
         }
       }
    }
  }

Para ello solamente tendremos que informar la acción onclick de cada elemento checkbox que queramos que se comporte así:

  <input type="checkbox" name="Chk1" onclick="set_change(this)">