javascript pour la liste des boutons radio

Question

J'ai un Radiobutton avec (6 éléments dessous). et j'ai un bouton de recherche. Si l'utilisateur clique sur le bouton Recherche, il obtient tout le résultat. je lie les articles pour Radiobuttonlist en utilisant la base de données dans le fichier .cs

condition 1: maintenant si l'utilisateur a sélectionné Radiobutton1 [item1] il est sélectionné. et maintenant si l'utilisateur clique à nouveau sur Radiobutton1 [item1] alors il devrait être désélectionné.

comment écrire une fonction onclick si ici. où j'ai besoin de vérifier cette condition

soit vous pouvez me fournir la solution en javascript ou JQuery toute aide serait grande. Perspectives d'avenir pour une solution merci

Answer 1

JQuery

<script type="text/javascript"> 
    /* find _all_ input elements, 
     where the attribute "type" = "radio", 
     and add an onclick event to them */ 
    $('input[type=radio]').click(function { 
     $(this).selected = !$(this).selected; 
     return false; 
    }); 
</script> 
<input type="radio" id="radio1" name="radiogroup1" /> 
<input type="radio" id="radio2" name="radiogroup1" /> 

Cela ne devrait vous faire une idée comment vous pouvez gérer cela.

Answer 2

Cela devrait faire ce que vous voulez. Fournit une fonctionnalité d'activation/désactivation sur chaque bouton radio sur la page. Vous pouvez modifier le sélecteur pour correspondre uniquement aux radios qui vous intéressent.

Mais je dois vous dire que l'activation/désactivation des boutons radio est contre-intuitive. Vous devriez vraiment utiliser des cases à cocher pour cela. Par exemple Lorsque vous utilisez votre site, je ne m'attends pas à être en mesure de décocher un radiobutton car c'est un comportement inhabituel.

$('input[type=radio]').each(function(i,e) { 
    //save initial state 
    $(e).data("oldstate", e.checked); 
}); 

$('input[type=radio]').click(function (e) { 
    var x = $(this); 
    //if the current state is the same as the saved one toggle 
    //else don't do anything 
    if (this.checked == x.data("oldstate")) 
     this.checked = !(this.checked); 
    //save current state 
    x.data("oldstate", this.checked); 
});