Provo a controllare un pulsante di opzione con jQuery. Ecco il mio codice:

<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>

E il JavaScript:

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

Non funziona:

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

Non funziona:

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

Non funziona:

Hai un'altra idea? Cosa mi sto perdendo?

Per versioni di jQuery uguali o superiori (> =) 1.6, utilizzare:

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

Per le versioni precedenti a (<) 1.6, utilizzare:

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

Suggerimento: potresti anche voler chiamare click()o change()sul pulsante di opzione in seguito. Vedi i commenti per maggiori informazioni.

Prova questo.

In questo esempio, lo sto prendendo di mira con il suo nome e valore di input

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

Buono a sapersi: in caso di valore di più parole, funzionerà anche a causa degli apostrofi.

Un'altra funzione prop () aggiunta in jQuery 1.6, che ha lo stesso scopo.

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

Opzione breve e di facile lettura:

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

Restituisce vero o falso, quindi puoi usarlo nell'istruzione "if".

Prova questo.

Per controllare il pulsante di opzione utilizzando Valore, utilizzare questo.

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

O

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

O

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

Per controllare il pulsante di opzione utilizzando ID, utilizzare questo.

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

O

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

Prova questo:

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

http://jsfiddle.net/nwo706xw/

La $.propstrada è migliore:

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

e puoi provarlo come segue:

$(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();
    });        
});

Devi fare

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

Questo è l'attributo HTML

Se la proprietà namenon funziona, non dimenticare che idesiste ancora. Questa risposta è per le persone che vogliono indirizzare il idqui come fai.

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

Perché la proprietà namenon funziona per me. Assicurati di non circondare idename con virgolette doppie / singole.

Saluti!

Sì, ha funzionato per me come un modo:

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

Prova questo

$(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
        }
    });
});

Sorprendentemente, la risposta più popolare e accettata ignora l'attivazione dell'evento appropriato nonostante i commenti. Assicurati di invocare .change() , altrimenti tutti i binding "on change" ignoreranno questo evento.

$("#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();
    }
});

Ottieni valore:

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

Valore impostato:

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

Pulsante di opzione Fare clic su Aggiungi attr selezionato:

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

Dovremmo dire che è un radiopulsante, quindi prova con il seguente codice.

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

Nel caso in cui qualcuno stia cercando di raggiungere questo obiettivo durante l'utilizzo dell'interfaccia utente jQuery, dovrai anche aggiornare l'oggetto della casella di controllo dell'interfaccia utente per riflettere il valore aggiornato:

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

Io uso questo codice:

Mi dispiace per l'inglese.

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>

Prova questo con l'esempio

<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>

Prova questo

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');

Ho ottenuto alcuni esempi correlati da migliorare, che ne dici se voglio aggiungere una nuova condizione, diciamo, se voglio che la combinazione di colori venga nascosta dopo aver fatto clic sul valore di stato del progetto tranne Pavers e Lastre di pavimentazione.

L'esempio è qui:

$(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/

Inoltre, puoi verificare se l'elemento è selezionato o meno:

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

Puoi controllare l'elemento non selezionato:

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

Puoi anche deselezionare in questo modo:

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

Puoi controllare il pulsante di opzione:

Per versioni di jQuery uguali o superiori (> =) 1.6, utilizzare:

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

Per le versioni precedenti a (<) 1.6, utilizzare:

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

Ho usato jquery-1.11.3.js

Abilita e disabilita di base

Suggerimenti 1: (Tipo di pulsante di opzione comune Disabilita e Abilita)

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

Suggerimenti 2: (selettore ID utilizzando prop () o 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);

Suggerimenti 3: (Selettore di classe utilizzando prop () o arrt ())

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

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

ALTRI SUGGERIMENTI

$("#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>

Usa prop () mehtod

Link alla fonte

<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>

prova questo

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

se selezionato restituisce True se non selezionato restituisceFalse

jQuery v1.10.1

Alcune volte sopra le soluzioni non funzionano, quindi puoi provare di seguito:

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

Un altro modo in cui puoi provare è:

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

Prova questo:

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

Ho solo un problema simile, una soluzione semplice è semplicemente usare:

.click()

Qualsiasi altra soluzione funzionerà se si aggiorna la radio dopo aver chiamato la funzione.

attr accetta due stringhe.

Il modo corretto è:

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