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

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

나는 왜 이것 때문에 힘들어 하는 거지?

나에게는 5라는 가치가 있습니다.

값이 5인 그룹 "my group"의 라디오 버튼을 확인하려면 어떻게 해야 합니까?

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

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

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

jQuery 1.6 이후에는 부울 값을 사용하여 메서드를 사용할 수도 있습니다(이 메서드가 바람직한 메서드여야 함).

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

먼저 한 라디오 버튼 그룹 아래의 라디오 버튼에서 선택한 속성을 제거해야 합니다. 그러면 선택한 속성/속성을 해당 라디오 버튼 그룹의 라디오 버튼 중 하나에 추가할 수 있습니다.

한 라디오 버튼 그룹의 모든 라디오 버튼에서 Code To Remove Checked Attribute -

$('[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 Fiddle 데모.

위에서 언급한 것처럼 속성 값을 변경할 때change이벤트가 트리거되지 않으므로 필요한 경우 이렇게 트리거할 수 있습니다.

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

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

순수 자바스크립트 버전:

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

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

JS fiddle 데모

사용할 때 오류가 발생했습니다.

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

워킹웨이는

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

따옴표(')와 큰따옴표(')를 처리하는 것이 문제입니다.

또는 여기에 값 속성을 기록할 수도 있습니다.

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

첫 번째 방법은 무선 그룹(입력)에 대해 저장된 참조가 이미 있다고 가정합니다.group그리고 그룹에서 하나를 선택하기를 희망합니다.value

const group = document.querySelectorAll('input[name="contact"]');

function selectGroupByValue(group, value){
  const input = [...group].find(el => el.value === value);
  if(input) input.checked = true;
}

selectGroupByValue(document.querySelectorAll('input[name="contact"]'), 'phone');

<input type="radio" name="contact" value="email">
<input type="radio" name="contact" value="phone">
<input type="radio" name="contact" value="mail">

이것은 한 단계 더 나아가 어떤 그룹의 가치를 변화시킬 수 있는 보다 강력한 기능을 만들 수 있습니다.name:

function selectGroupByValue(name, value){
  const group = document.querySelectorAll(`input[name="${name}"]`);
  const input = [...group].find(el => el.value === value);
  if(input) input.checked = true;
}

selectGroupByValue('contact', 'phone');

<input type="radio" name="contact" value="email">
<input type="radio" name="contact" value="phone">
<input type="radio" name="contact" value="mail">

아래 예는 무선 그룹에 대한 캐시된 참조가 없기 때문에 완전히 다릅니다. 그러나 매번 조회를 수행합니다.

const selectedValue = 'phone';
const input = document.querySelector(`input[name="contact"][value="${selectedValue}"`);
if(input) input.checked = true;

<input type="radio" name="contact" value="email">
<input type="radio" name="contact" value="phone">
<input type="radio" name="contact" value="mail">

이 이 A<form>element: (반복기를 intention으로 끊지 않음)

for (const [index, input] of document.forms[0].contact.entries())
  if(input.value === `phone`)
    input.checked = true

<form>
  <input type="radio" name="contact" value="email">
  <input type="radio" name="contact" value="phone">
  <input type="radio" name="contact" value="mail">
</form>

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

언급URL : https://stackoverflow.com/questions/4618733/set-selected-radio-from-radio-group-with-a-value