Pas en mesure de décocher un bouton radio après avoir sélectionné un autre

Question

Voici ma configuration: Si radiobutton1 est déjà cochée lorsque la page se charge (il a checked="checked" dans la source) et je tente de décocher après avoir sélectionné radiobutton2, l'attribut checked sur radiobutton1 est ne s'enlevé après avoir sélectionné radiobutton2:

if($('#' + radiobutton1_ID).is(':checked')) 
    UncheckRadioButton('#' + radiobutton2_ID); 

// Utility function to clear a radiobutton's "checked" attribute 
function UncheckRadioButton(radiobuttonID) { 
    radiobuttonID.removeAttr("checked"); 
} 

après avoir sélectionné radiobutton2 et de faire une « Afficher la source » Je ne vois pas checked="checked" sur radiobutton2 (même si la page sur ce bouton comme coché), et pour radiobutton1 il encore montre checked="checked". Pourquoi donc? Il devrait être l'inverse.

---

MISE À JOUR

Voici un peu plus de mon code. Je sais que les if parties de déclaration sont faire frapper si ce n'est pas la question, et je sais que les ID de bouton radio (ccRadioBtn, checkRadioBtn et paypalRadioButton) J'utilise sont corrects:

var ccRadioBtn = ccRadioButton; // credit card radio button ID 
    var paypalRadioButton = payPalRadioClientID; 

    // ... 

    if (paypalIsSelected()) { 
     UncheckRadioButton(checkRadioBtn); 
     UncheckRadioButton(ccRadioBtn); 

     // ... 
    } else { 
     // force a clear on any previously selected payment options 
     CheckRadioButton(ccRadioBtn); // default to credit card radio button 
     UncheckRadioButton(paypalRadioButton); 
     UncheckRadioButton(checkRadioBtn); 

     // ... 
    } 
} 

function UncheckRadioButton(radiobuttonID) { 
    $('#' + radiobuttonID).removeAttr("checked"); 
} 

function CheckRadioButton(radiobuttonID) { 
    $('#' + radiobuttonID).attr('checked', true); 
} 

Le problème est le suivant: Si un poste de radio bouton par défaut à checked="checked" et je clique sur un autre bouton radio, l'attribut checked du premier bouton radio doit être supprimé, mais ce n'est pas le cas. Et le deuxième bouton radio qui a été sélectionné n'a pas checked="checked" comme il se doit. Je peux voir cela quand je regarde la source de la page. Je ne sais pas pourquoi cela ne fonctionne pas.

Answer 1

vous passez une chaîne ici:

UncheckRadioButton('#' + radiobutton_2_ID); 

Mais en essayant de l'utiliser comme un objet jQuery ici:

radiobuttonID.removeAttr("checked"); 
//which is actually doing this: 
"#something".removeAttr("checked"); //.removeAttr() is not a function for string 

Vous devez envelopper l'utiliser comme un sélecteur, comme ceci:

$(radiobuttonID).removeAttr("checked"); 

en ce qui concerne la source de vue ... cela dépend du navigateur, IE par exemple affiche le original source de la page, pas l'état que vous consultez actuellement.