PUBLIC MARKS with tags radio & html

jQuery radioSwitch est un plugin créé par Ammon Casey dont l’objectif est de transformer des boutonsradio HTML en superbes Sliders d’un coup de magie CSS3 et Javascript. Il suffit d’envelopper les boutons radio avec un container sur lequel s’effectuera l’appel de la fonction. Chaque bouton radio doit posséder un label avec l’attribut for pointant vers l’identifiant du bouton correspondant.

As soon as I think I have it all worked out I bump into another oddity between Firefox and IE and handling the DOM. Specifically adding a radio button (or set of them) dynamically. My initial javascript went something like this: # var rdo = document.createElement('input'); # rdo.type = 'radio'; # rdo.id = 'someUniqueID'; # rdo.name = 'myRadio'; # rdo.value = 1; # # myDocumentsBody.appendChild(rdo); This almost worked perfectly. The input was added, it was a radio button, but it was totally unselectable. I could select it via javascript but the normal "click" event didn't cause the radio button to assume the "selected" state in IE? What gives?

This JavaScript and CSS will allow you to use custom images for checkboxes, radio buttons and select lists.

This combination of JavaScript and CSS will hide checkbox and radio inputs that have a class = "crirHiddenJS", an id, and a proper label tag. This will allow you to style the label however you wish using CSS, and the actual input control will be hidden. The form will still collect data as it normally would because the label itself will trigger the hidden input control. If javascript is disabled no inputs will be hidden and the form is still be fully functional.