라디오 그룹에서 선택한 라디오를 값으로 설정

왜이 문제로 어려움을 겪고 있습니까?

나는 가치가있다 : 5

값이 5 인 "mygroup"그룹의 라디오 버튼을 어떻게 확인합니까?

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

속성 선택기 의 도움으로 해당 값으로 입력 요소를 선택할 수 있습니다. 그런 다음 다음을 사용하여 속성을 명시 적으로 설정해야합니다 .attr.

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

jQuery 1.6부터는 .prop부울 값으로 메소드를 사용할 수도 있습니다 (이는 선호되는 메소드 여야 함).

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

먼저 하나의 단일 선택 단추 그룹 아래의 단일 선택 단추에서 점검 된 속성을 제거해야합니다. 그러면 해당 단일 선택 단추 그룹의 단일 선택 단추 중 하나에 점검 된 특성 / 속성을 추가 할 수 있습니다.

단일 라디오 버튼 그룹의 모든 라디오 버튼에서 확인 된 속성을 제거하는 코드-

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

라디오와 확인란을 확인하는 더 좋은 방법이 있습니다. 원시 값 대신 값 배열을 val 메소드 에 전달해야 합니다.

참고 : 단순히 배열 안에 있지 않고 자체적으로 값을 전달하면 "mygroup"의 모든 값이 값으로 설정됩니다.

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

작동 방법을 설명하는 jQuery 문서는 다음과 같습니다. http://api.jquery.com/val/#val-value

그리고 .val([...])또한 같은 폼 요소와 함께 작동 <input type="checkbox">, <input type="radio">및 <option>(A)의 내부에요 <select>.

배열 의 요소 중 하나와 일치하는 값을 가진 입력 및 옵션 은 선택되거나 선택되며, 배열의 요소 중 하나와 일치하지 않는 값을 가진 옵션은 선택되지 않거나 선택되지 않습니다.

이 작업을 보여주는 바이올린 : https://jsfiddle.net/92nekvp3/

이 시도:

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

JS 피들 데모 .

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

위에서 언급 한 것처럼 속성 값을 변경하면 change이벤트가 트리거되지 않으므로 어떤 이유로 든 필요한 경우 이벤트를 트리거 할 수 있습니다

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

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

JS 바이올린 데모

또는 값 속성을 쓸 수 있습니다.

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

이것은 나를 위해 작동합니다.

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

순수한 JavaScript 버전 :

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

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