Radyo grubundan seçilen radyoyu bir değerle ayarlama

Neden bununla mücadele ediyorum?

Bir değerim var: 5

"Grubum" grubunun radyo düğmesini 5 değeriyle nasıl kontrol edebilirim?

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

Öznitelik seçicinin yardımıyla giriş elemanını ilgili değerle seçebilirsiniz. Ardından, özelliği kullanarak açık bir şekilde ayarlamanız gerekir .attr:

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

JQuery 1.6 olduğundan, .propyöntemi bir boole değeriyle de kullanabilirsiniz (bu tercih edilen yöntem olmalıdır):

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

Öncelikle işaretli özelliği yalnızca bir radyo düğmesi grubunun altındaki radyo düğmelerinden kaldırmanız gerektiğini unutmayın; o zaman bu radyo düğmeleri grubundaki radyo düğmelerinden birine işaretli özellik / özellik ekleyebilirsiniz.

Bir radyo düğmesi grubunun tüm radyo düğmelerinden İşaretli Özelliği Kaldırmak İçin Kod -

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

Radyoları ve onay kutusunu kontrol etmenin daha iyi bir yolu vardır; ham değer yerine val yöntemine bir dizi değer iletmeniz gerekir

Not: Değeri tek başına ( bir dizinin içinde olmadan ) iletirseniz, bu, "grubum" un tüm değerlerinin değere ayarlanmasına neden olur.

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

Nasıl çalıştığını açıklayan jQuery dokümanı: http://api.jquery.com/val/#val-value

Ve .val([...])ayrıca gibi form elemanları ile çalışır <input type="checkbox">, <input type="radio">ve <option>bir iç s <select>.

Giriş ve unsurları biriyle eşleşen bir değeri olan seçenekler dizisi bu kontrolsüz veya seçilmemiş olacak dizinin elemanlarının birini eşleşmeyen bir değere sahip iken, kontrol veya seçilecektir

Bu çalışmayı gösteren keman: https://jsfiddle.net/92nekvp3/

Bunu dene:

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

JS Fiddle demosu .

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

Özellik değerini yukarıda belirtildiği gibi değiştirdiğinizde, changeolay tetiklenmez, bu nedenle bazı nedenlerle gerekirse bu şekilde tetikleyebilirsiniz

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

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

JS Keman Demosu

Veya sadece değer niteliğini yazabilirsiniz:

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

Bu benim için çalışıyor.

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

Saf JavaScript sürümü:

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

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