Saya mencoba memeriksa tombol radio dengan jQuery. Ini kode saya:

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

Dan JavaScript:

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

Tidak bekerja:

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

Tidak bekerja:

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

Tidak bekerja:

Anda punya ide lain? Apa yang saya lewatkan?

Untuk versi jQuery yang sama atau lebih tinggi (> =) 1.6, gunakan:

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

Untuk versi sebelum (<) 1.6, gunakan:

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

Tip: Anda mungkin juga ingin memanggil click()atau change()tombol radio sesudahnya. Lihat komentar untuk info lebih lanjut.

Coba ini.

Dalam contoh ini, saya menargetkannya dengan nama dan nilainya input

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

Baik untuk diketahui: dalam hal nilai multi-kata, ini akan berfungsi karena apostrof juga.

Satu lagi fungsi prop () yang ditambahkan di jQuery 1.6, yang memiliki tujuan yang sama.

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

Opsi pendek dan mudah dibaca:

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

Ini mengembalikan benar atau salah, sehingga Anda dapat menggunakannya dalam pernyataan "jika".

Coba ini.

Untuk memeriksa tombol Radio menggunakan Nilai, gunakan ini.

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

Atau

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

Atau

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

Untuk memeriksa tombol Radio menggunakan ID gunakan ini.

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

Atau

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

Coba ini:

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

http://jsfiddle.net/nwo706xw/

The $.propcara adalah lebih baik:

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

dan Anda dapat mengujinya seperti berikut:

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

Kamu harus melakukan

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

Itu atribut HTML

Jika properti nametidak berfungsi jangan lupa bahwa idmasih ada. Jawaban ini untuk orang yang ingin menargetkan di idsini bagaimana Anda melakukannya.

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

Karena properti nametidak berfungsi untuk saya. Pastikan Anda tidak mengelilingi iddanname dengan kutipan ganda / tunggal.

Bersulang!

Ya, itu bekerja untuk saya seperti cara:

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

Coba ini

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

Anehnya, jawaban yang paling populer dan diterima mengabaikan memicu acara yang tepat terlepas dari komentar tersebut. Pastikan Anda memohon .change() , jika tidak semua ikatan "saat perubahan" akan mengabaikan acara ini.

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

Dapatkan nilai:

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

Tetapkan nilai:

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

Klik Tombol Radio tambahkan attr dicentang:

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

Kami ingin memberi tahu bahwa ini adalah radiotombol. Jadi silakan coba dengan kode berikut.

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

Untuk berjaga-jaga jika ada orang yang mencoba untuk mencapai hal ini saat menggunakan jQuery UI, Anda juga perlu me-refresh objek kotak centang UI untuk mencerminkan nilai yang diperbarui:

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

Saya menggunakan kode ini:

Saya minta maaf untuk bahasa Inggris.

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>

Coba ini dengan contoh

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

Coba ini

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

Saya mendapatkan beberapa contoh terkait untuk ditingkatkan, bagaimana jika saya ingin menambahkan kondisi baru, katakanlah, jika saya ingin skema warna disembunyikan setelah saya mengklik nilai Status proyek kecuali Pavers dan Paving Slab.

Contohnya ada di sini:

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

Selain itu, Anda dapat memeriksa apakah elemen tersebut dicentang atau tidak:

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

Anda dapat memeriksa elemen yang tidak dicentang:

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

Anda juga dapat menghapus centang dengan cara ini:

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

Anda dapat memeriksa tombol radio:

Untuk versi jQuery yang sama atau lebih tinggi (> =) 1.6, gunakan:

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

Untuk versi sebelum (<) 1.6, gunakan:

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

Saya menggunakan jquery-1.11.3.js

Basic Enable & disable

Tips 1: (Jenis tombol radio umum Nonaktifkan & Aktifkan)

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

Tips 2: (pemilih ID Menggunakan prop () atau 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);

Tips 3: (Pemilih kelas Menggunakan prop () atau arrt ())

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

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

TIPS LAINNYA

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

Gunakan prop () mehtod

Tautan Sumber

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

coba ini

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

jika dicentang kembali True jika tidak dicentang kembaliFalse

jQuery v1.10.1

Beberapa kali solusi di atas tidak berfungsi, maka Anda dapat mencoba di bawah ini:

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

Cara lain yang dapat Anda coba adalah:

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

Coba ini:

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

Saya baru saja mengalami masalah yang sama, solusi sederhana adalah dengan hanya menggunakan:

.click()

Solusi lain akan berfungsi jika Anda me-refresh radio setelah memanggil fungsi.

attr menerima dua string.

Cara yang benar adalah:

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