Évolution de la valeur de l'attribut de boutons radio dans un groupe à l'aide de jQuery

J'ai plusieurs ajouté dynamiquement des boutons radio. Je veux changer la valeur de l'attribut sélectionné le bouton radio "yes" et changer le bouton radio de la valeur à "no" une fois qu'un autre bouton radio est sélectionné.

<input type="radio" name="tab-active" value="no" />

Je suis en mesure d'obtenir la valeur de changer de "yes" à l'aide de jQuery:

$(document).on("click","input[name=tab-active]:radio",function(){
    if($("input:radio[name=tab-active]").is(":checked")) {
        $(this).val('yes');
    }
});

Comment puis-je changer la valeur de l'attribut sélectionné le bouton radio "no" une fois qu'un autre bouton radio est sélectionné?

OriginalL'auteur Addicted | 2013-12-25

  1. 10

    Utiliser le :non() sélecteur. Et, comme vous le voyez, vous pouvez également utiliser :vérifié pour définir la valeur oui.

    $(document).on("click","input[name=active]:radio",function(){
    $("input:radio[name=active]:checked").val('yes');
    $("input:radio[name=active]:not(:checked)").val('no');
});

    JSFiddle

    +1 pour plus d'efficacité et de me présenter à la :not() sélecteur.
    génial! merci beaucoup et Joyeux Noël.
    Pas de problème et je vous remercie beaucoup, vous aussi!

    OriginalL'auteur Markus Kottländer

  2. 1

    Une autre façon,

    $(document).on("click","input[name=tab-active]:radio",function(){
    $("input:radio[name=tab-active]:not(:checked)").val('no');
    if($(this).is(':checked')) {
        $(this).val('yes');
    }
});

    DÉMO

    OriginalL'auteur Mahesh Sapkal

  3. 0

    vous pouvez faire des balises html comme

    <input type="radio" id="1" name="tab-active"  /><span id="lbl1">no</span>
<input type="radio" id="2" name="tab-active" /><span id="lbl2">no</span>
<input type="radio" id="3" name="tab-active"  /><span id="lbl3">no</span>

    Et le code js comme

    $(document).on("click","input[type:radio]",function(){    
    if($("input:radio[name=tab-active]").is(":checked")) {
       $("#lbl" + $(this).attr('id')).html("yes");   
    }
});

    Vous pouvez le vérifier dans ce lien http://jsfiddle.net/nkvak/

    Espère que ça va vous aider à

    Merci mais ce n'est pas ce que je cherchais. Joyeux Noël..
    Merci mon pote. et oui désolé, trop..

    OriginalL'auteur Bhavesh Parekh

  4. 0
    $("input[name='tab-active']").change(function()
    {
        $("input[name='tab-active']").val('no');
        $(this).val('yes');
    }
)

    Violon démo

    OriginalL'auteur Rajesh Paul