J'essaie de vérifier un bouton radio avec jQuery. Voici mon code:

<form>
    <div id='type'>
        <input type='radio' id='radio_1' name='type' value='1' />
        <input type='radio' id='radio_2' name='type' value='2' />
        <input type='radio' id='radio_3' name='type' value='3' /> 
    </div>
</form>

Et le JavaScript:

jQuery("#radio_1").attr('checked', true);

Ne fonctionne pas:

jQuery("input[value='1']").attr('checked', true);

Ne fonctionne pas:

jQuery('input:radio[name="type"]').filter('[value="1"]').attr('checked', true);

Ne fonctionne pas:

Avez-vous une autre idée? Qu'est-ce que je rate?

Pour les versions de jQuery égales ou supérieures (> =) 1.6, utilisez:

$("#radio_1").prop("checked", true);

Pour les versions antérieures à (<) 1.6, utilisez:

$("#radio_1").attr('checked', 'checked');

Astuce: Vous pouvez également appeler par la suite click()ou change()sur le bouton radio. Voir les commentaires pour plus d'informations.

Essaye ça.

Dans cet exemple, je le cible avec son nom et sa valeur d'entrée

$("input[name=background][value='some value']").prop("checked",true);

Bon à savoir: en cas de valeur multi-mots, cela fonctionnera aussi à cause des apostrophes.

Une autre fonction prop () ajoutée dans jQuery 1.6, qui sert le même objectif.

$("#radio_1").prop("checked", true); 

Option courte et facile à lire:

$("#radio_1").is(":checked")

Il renvoie vrai ou faux, vous pouvez donc l'utiliser dans l'instruction "if".

Essaye ça.

Pour vérifier le bouton Radio à l'aide de Value, utilisez ceci.

$('input[name=type][value=2]').attr('checked', true); 

Ou

$('input[name=type][value=2]').attr('checked', 'checked');

Ou

$('input[name=type][value=2]').prop('checked', 'checked');

Pour vérifier le bouton radio à l'aide de l' ID, utilisez ceci.

$('#radio_1').attr('checked','checked');

Ou

$('#radio_1').prop('checked','checked');

Essaye ça:

$("input[name=type]").val(['1']);

http://jsfiddle.net/nwo706xw/

La $.propvoie est meilleure:

$(document).ready(function () {                            
    $("#radio_1").prop('checked', true);        
});

et vous pouvez le tester comme suit:

$(document).ready(function () {                            
    $("#radio_1, #radio_2", "#radio_3").change(function () {
        if ($("#radio_1").is(":checked")) {
            $('#div1').show();
        }
        else if ($("#radio_2").is(":checked")) {
            $('#div2').show();
        }
        else 
            $('#div3').show();
    });        
});

Tu dois faire

jQuery("#radio_1").attr('checked', 'checked');

C'est l'attribut HTML

Si la propriété namene fonctionne pas, n'oubliez pas idqu'elle existe toujours. Cette réponse s'adresse aux personnes qui souhaitent cibler la idfaçon dont vous procédez ici.

$('input[id=element_id][value=element_value]').prop("checked",true);

Parce que la propriété namene fonctionne pas pour moi. Assurez-vous de ne pas entourer idetname avec des citations doubles / simples.

À votre santé!

Oui, cela a fonctionné pour moi comme un moyen:

$("#radio_1").attr('checked', 'checked');

Essaye ça

$(document).ready(function(){
    $("input[name='type']:radio").change(function(){
        if($(this).val() == '1')
        {
          // do something
        }
        else if($(this).val() == '2')
        {
          // do something
        }
        else if($(this).val() == '3')
        {
          // do something
        }
    });
});

Étonnamment, la réponse la plus populaire et acceptée ignore le déclenchement d'un événement approprié malgré les commentaires. Assurez-vous que vous appelez .change() , sinon toutes les liaisons "on change" ignoreront cet événement.

$("#radio_1").prop("checked", true).change();

$("input[name=inputname]:radio").click(function() {
    if($(this).attr("value")=="yes") {
        $(".inputclassname").show();
    }
    if($(this).attr("value")=="no") {
        $(".inputclassname").hide();
    }
});

Obtenez de la valeur:

$("[name='type'][checked]").attr("value");

Définir la valeur:

$(this).attr({"checked":true}).prop({"checked":true});

Bouton radio Cliquez sur ajouter attr vérifié:

$("[name='type']").click(function(){
  $("[name='type']").removeAttr("checked");
  $(this).attr({"checked":true}).prop({"checked":true});
});

Nous devons dire que c'est un radiobouton. Essayez donc avec le code suivant.

$("input[type='radio'][name='userRadionButtonName']").prop('checked', true);

Juste au cas où quelqu'un essaierait de réaliser cela en utilisant jQuery UI, vous devrez également actualiser l'objet de case à cocher UI pour refléter la valeur mise à jour:

$("#option2").prop("checked", true); // Check id option2
$("input[name='radio_options']").button("refresh"); // Refresh button set

J'utilise ce code:

Je suis désolé pour l'anglais.

var $j = jQuery.noConflict();

$j(function() {
    // add handler
    $j('#radio-1, #radio-2').click(function(){

        // find all checked and cancel checked
        $j('input:radio:checked').prop('checked', false);

        // this radio add cheked
        $j(this).prop('checked', true);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<fieldset class="section">
  <legend>Radio buttons</legend>
  <label>
    <input type="radio" id="radio-1" checked>
    Option one is this and that&mdash;be sure to include why it's great
  </label>
  <br>
  <label>
    <input type="radio" id="radio-2">
    Option two can be something else
  </label>
</fieldset>

Essayez ceci avec un exemple

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
<input type="radio" name="radio" value="first"/> 1 <br/>
<input type="radio" name="radio" value="second"/> 2 <br/>
</form>


<script>
$(document).ready(function () {
    $('#myForm').on('click', function () {
        var value = $("[name=radio]:checked").val();

        alert(value);
    })
});
</script>

Essaye ça

var isChecked = $("#radio_1")[0].checked;

function rbcitiSelction(e) {
     debugger
    $('#trpersonalemail').hide();
    $('#trcitiemail').show();
}

function rbpersSelction(e) {
    var personalEmail = $(e).val();
    $('#trpersonalemail').show();
    $('#trcitiemail').hide();
}

$(function() {  
    $("#citiEmail").prop("checked", true)
});

$("#radio_1").attr('checked', true);
//or
$("#radio_1").attr('checked', 'checked');

J'ai obtenu un exemple connexe à améliorer, que diriez-vous si je veux ajouter une nouvelle condition, disons, si je veux que le schéma de couleurs soit masqué après avoir cliqué sur la valeur d'état du projet, sauf Pavers et Paving Slabs.

L'exemple est ici:

$(function () {
    $('#CostAnalysis input[type=radio]').click(function () {
        var value = $(this).val();

        if (value == "Supply & Lay") {
            $('#ul-suplay').empty();
            $('#ul-suplay').append('<fieldset data-role="controlgroup"> \

http://jsfiddle.net/m7hg2p94/4/

De plus, vous pouvez vérifier si l'élément est vérifié ou non:

if ($('.myCheckbox').attr('checked'))
{
   //do others stuff
}
else
{
   //do others stuff
}

Vous pouvez vérifier l'élément non coché:

$('.myCheckbox').attr('checked',true) //Standards way

Vous pouvez également décocher de cette façon:

$('.myCheckbox').removeAttr('checked')

Vous pouvez vérifier le bouton radio:

Pour les versions de jQuery égales ou supérieures (> =) 1.6, utilisez:

$("#radio_1").prop("checked", true);

Pour les versions antérieures à (<) 1.6, utilisez:

$("#radio_1").attr('checked', 'checked');

J'ai utilisé jquery-1.11.3.js

Activation et désactivation de base

Conseils 1: (Type de bouton radio commun Désactiver et Activer)

$("input[type=radio]").attr('disabled', false);
$("input[type=radio]").attr('disabled', true); 

Conseils 2: (Sélecteur d'ID utilisant prop () ou attr ())

$("#paytmradio").prop("checked", true);
$("#sbiradio").prop("checked", false);

jQuery("#paytmradio").attr('checked', 'checked'); // or true this won't work
jQuery("#sbiradio").attr('checked', false);

Conseils 3: (Sélecteur de classe utilisant prop () ou arrt ())

$(".paytm").prop("checked", true);
$(".sbi").prop("checked", false);

jQuery(".paytm").attr('checked', 'checked'); // or true
jQuery(".sbi").attr('checked', false);

AUTRES CONSEILS

$("#paytmradio").is(":checked")   // Checking is checked or not
$(':radio:not(:checked)').attr('disabled', true); // All not check radio button disabled

$('input[name=payment_type][value=1]').attr('checked', 'checked'); //input type via checked
 $("input:checked", "#paytmradio").val() // get the checked value

index.html

<div class="col-md-6">      
    <label class="control-label" for="paymenttype">Payment Type <span style="color:red">*</span></label>
    <div id="paymenttype" class="form-group" style="padding-top: inherit;">
        <label class="radio-inline" class="form-control"><input  type="radio" id="paytmradio"  class="paytm" name="paymenttype" value="1" onclick="document.getElementById('paymentFrm').action='paytmTest.php';">PayTM</label>
        <label class="radio-inline" class="form-control"><input  type="radio" id="sbiradio" class="sbi" name="paymenttype" value="2" onclick="document.getElementById('paymentFrm').action='sbiTest.php';">SBI ePAY</label>
    </div>
</div>

Utiliser le mehtod prop ()

Lien source

<p>
    <h5>Radio Selection</h5>

    <label>
        <input type="radio" name="myRadio" value="1"> Option 1
    </label>
    <label>
        <input type="radio" name="myRadio" value="2"> Option 2
    </label>
    <label>
        <input type="radio" name="myRadio" value="3"> Option 3
    </label>
</p>

<p>
    <button>Check Radio Option 2</button>
</p>


<script>
    $(function () {

        $("button").click(function () {
            $("input:radio[value='2']").prop('checked',true);
        });

    });
</script>

essaye ça

 $("input:checked", "#radioButton").val()

si coché retourne True si non coché retourneFalse

jQuery v1.10.1

Certaines fois, les solutions ci-dessus ne fonctionnent pas, vous pouvez essayer ci-dessous:

jQuery.uniform.update(jQuery("#yourElementID").attr('checked',true));
jQuery.uniform.update(jQuery("#yourElementID").attr('checked',false));

Vous pouvez également essayer:

jQuery("input:radio[name=yourElementName]:nth(0)").attr('checked',true);

Essaye ça:

$(document).ready(function(){
  $("#Id").prop("checked", true).checkboxradio('refresh');
});

Je viens d'avoir un problème similaire, une solution simple consiste à simplement utiliser:

.click()

Toute autre solution fonctionnera si vous actualisez la radio après avoir appelé la fonction.

attr accepte deux chaînes.

La bonne façon est:

jQuery("#radio_1").attr('checked', 'true');