Atur radio yang dipilih dari grup radio dengan nilai

Mengapa saya bergumul dengan ini?

Saya memiliki nilai: 5

Bagaimana cara memeriksa tombol radio grup "grup saya" dengan nilai 5?

$("input[name=mygroup]").val(5); // doesn't work?

Dengan bantuan pemilih atribut, Anda dapat memilih elemen input dengan nilai yang sesuai. Maka Anda harus mengatur atribut secara eksplisit, menggunakan .attr:

var value = 5;
$("input[name=mygroup][value=" + value + "]").attr('checked', 'checked');

Sejak jQuery 1.6, Anda juga dapat menggunakan .propmetode dengan nilai boolean (ini harus menjadi metode yang disukai):

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

Ingat Anda pertama-tama perlu menghapus atribut yang dicentang dari salah satu tombol radio di bawah satu grup tombol radio saja, maka Anda akan dapat menambahkan properti / atribut yang dicentang ke salah satu tombol radio di grup tombol radio tersebut.

Kode Untuk Menghapus Atribut yang Diperiksa dari semua tombol radio dari satu grup tombol radio -

$('[name="radioSelectionName"]').removeAttr('checked');

Ada cara yang lebih baik untuk memeriksa radio dan kotak centang; Anda harus meneruskan array nilai ke metode val alih-alih nilai mentah

Catatan: Jika Anda hanya meneruskan nilai dengan sendirinya (tanpa berada di dalam array ), itu akan menghasilkan semua nilai "grup saya" yang disetel ke nilai tersebut.

$("input[name=mygroup]").val([5]);

Berikut ini adalah dokumen jQuery yang menjelaskan cara kerjanya: http://api.jquery.com/val/#val-value

Dan .val([...])juga bekerja dengan unsur-unsur bentuk seperti <input type="checkbox">, <input type="radio">, dan <option>s dalam sebuah <select>.

Input dan opsi yang memiliki nilai yang cocok dengan salah satu elemen array akan diperiksa atau dipilih, sedangkan yang memiliki nilai yang tidak cocok dengan salah satu elemen array akan dicentang atau tidak dipilih

Fiddle mendemonstrasikan ini berfungsi: https://jsfiddle.net/92nekvp3/

Coba ini:

$('input:radio[name="mygroup"][value="5"]').attr('checked',true);

Demo JS Fiddle .

$("input[name='mygroup'][value='5']").attr("checked", true);

Ketika Anda mengubah nilai atribut seperti yang disebutkan di atas changeacara tidak dipicu jadi jika diperlukan karena beberapa alasan Anda dapat memicunya seperti itu

$('input[name=video_radio][value="' + r.data.video_radio + '"]')
       .prop('checked', true)
       .trigger('change');

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

Demo biola JS

Atau Anda bisa menulis atribut nilai padanya:

$(':radio[value=<yourvalue>]').attr('checked',true);

Ini bekerja untuk saya.

var key = "Name_radio";
var val = "value_radio";
var rdo = $('*[name="' + key + '"]');
if (rdo.attr('type') == "radio") {
 $.each(rdo, function (keyT, valT){
   if ((valT.value == $.trim(val)) && ($.trim(val) != '') && ($.trim(val) != null))

   {
     $('*[name="' + key + '"][value="' + (val) + '"]').prop('checked', true);
   }
  })
}

Versi JavaScript murni:

document.querySelector('input[name="myradio"][value="5"]').checked = true;

$('input[name="mygroup"]').val([5])