jQuery 세트 라디오 버튼

라디오 버튼을 설정하려고합니다. 값이나 ID를 사용하여 설정하고 싶습니다.

이것이 내가 시도한 것입니다.

$('input:radio[name=cols]'+" #"+newcol).attr('checked',true);

newcol 라디오 버튼의 ID입니다.

어쩌면 약간의 편집이 필요할 수 있습니다.

하나는 열이 있고 다른 하나는 행이있는 두 개의 라디오 상자 세트가 있습니다. 그래서 ID를 사용하지 않는 것이 중요합니다. 내 잘못이야. 그래서 예를 들어 있습니다.

<input type="radio" name="rows" class="listOfCols" 
   style="width: 50%; " value="Site"></input>

과

<input type="radio" name="cols" class="listOfCols" 
   style="width: 50%; "  value="Site"></input>

ID가 제거 된 상태에서 올바른 ID를 설정해야합니다.

선택기는 input:radio[name=cols]id가 newcol(그 변수의 값을 가진) 요소 의 자손을 찾습니다 .

대신 ID로 선택하기 때문에 대신 시도하십시오.

$('#' + newcol).prop('checked',true);

데모는 다음과 같습니다. http://jsfiddle.net/jasper/n8CdM/1/

또한 jQuery 1.6부터 속성을 변경하는 바람직한 방법은 .prop()다음과 같습니다. http://api.jquery.com/prop

https://web.archive.org/web/20160421163524/http://vijayt.com/Post/Set-RadioButton-value-using-jQuery 에서 답을 찾았습니다.

기본적으로 하나의 라디오 버튼을 확인하려면 값을 배열로 전달해야합니다.

$('input:radio[name=cols]').val(['Site']);
$('input:radio[name=rows]').val(['Site']);

선택기에서 주어진 ID로 라디오 버튼의 중첩 된 요소를 가져 오는 것 같습니다. 라디오 버튼을 확인하려면 선택기에서이 라디오 버튼을 선택해야합니다.

$('input:radio[name="cols"]').attr('checked', 'checked');

마크 업에 다음 라디오 버튼이 있다고 가정합니다.

<input type="radio" name="cols" value="1" />

라디오 버튼에 ID가있는 경우 :

<input type="radio" name="cols" value="1" id="myradio" />

ID 선택기를 직접 사용할 수 있습니다.

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

다음 코드를 시도 할 수 있습니다.

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

지정된대로 라디오 열 및 값에 대해 확인 된 속성을 설정합니다.

당신은 왜 필요합니까 'input:radio[name=cols]'. HTML을 모르지만 ID가 고유하다고 가정하면 간단하게 수행 할 수 있습니다.

$('#'+newcol).prop('checked', true);

이 시도:

$("#" + newcol).attr("checked", "checked");

에 문제가 있었 attr("checked", true)으므로 위의 내용을 대신 사용하는 경향이 있습니다.

또한 ID가 있으면 다른 항목을 선택할 필요가 없습니다. ID는 고유합니다.

newcol라디오 버튼의 ID 이므로 아래와 같이 간단하게 사용할 수 있습니다.

$("#"+newcol).attr('checked',true);

사용하면 .filter()작동하며 id, value, name에 유연합니다.

$('input[name="cols"]').filter("[value='Site']").attr('checked', true);

( 이 블로그에서 볼 수 있음 )

이전 답변을 결합 :

$('input[name="cols"]').filter("[value='Site']").click();

간단하게 사용할 수 있습니다 :

$("input[name='cols']").click();

이 경우 선택한 답변이 작동합니다.

그러나 문제는 라디오 그룹 및 동적 ID를 기반으로 요소를 찾는 것에 관한 것이 었으며 대답은 표시된 라디오 버튼에 영향을 미치지 않을 수 있습니다.

이 줄은 화면에 변경 사항을 표시하면서 요청한 내용을 정확하게 선택합니다.

$('input:radio[name=cols][id='+ newcol +']').click();