Convertir Checkbox en radio buttons sin cambiar el estilo del Checkbox

23 de Jun, 2015

Algunas veces necesitamos mantener el estilo del Checkbox pero con la funcionalidad del radio button,para ello podemos usar el siguiente script que nos dará la funcionalidad de los radio dentro de los checkbox.

 

  1. //este es el javascript
  2. function SetSel(elem, name)
  3. {
  4. var elems = document.getElementsByName(name);
  5. var currentState = elem.checked;
  6. var elemsLength = elems.length;
  7.  
  8. for(i=0; i<elemsLength; i++)
  9. {
  10. if(elems[i].type === "checkbox")
  11. {
  12. elems[i].checked = false;
  13. }
  14. }
  15.  
  16. elem.checked = currentState;
  17. }​
  18. // Estos son las entradas a usar
  19. <input name="chkclass" type="checkbox" />
  20. <input name="chkclass" type="checkbox" />
  21. <input name="chkclass" type="checkbox" />
  22. <input name="chkclass" type="checkbox" />