jQuery set 라디오 버튼

jQuery set 라디오 버튼

라디오 버튼을 설정하려고 합니다.나는 값이나 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을 모르지만, ids가 유일하다고 가정하면, 당신은 이것을 간단히 할 수 있습니다.

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

사용해 보십시오.

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

저는 문제가 있었습니다.attr("checked", true)그래서 저는 위의 것들을 대신 사용하는 경향이 있습니다.

또한, ID가 있으면 선택을 위해 다른 것이 필요하지 않습니다.ID는 고유합니다.

사용..filter()또한 작동하며 ID, 값, 이름에 대해 유연합니다.

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

(이 블로그에서 보기)

내 경우, 라디오 단추 값은 데이터베이스에서 가져온 다음 양식으로 설정됩니다.다음 코드가 저에게 적용됩니다.

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

부터newcol라디오 버튼의 아이디입니다. 아래와 같이 간단하게 사용하실 수 있습니다.

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

이전 답변 결합:

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

나의 경우, 나는 (라디오를 클릭할 때 CSS 애니메이션을 활성화하기 위해)을 사용합니다.

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

다음을 간단히 사용할 수 있습니다.

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

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

그러나 질문은 라디오 그룹과 동적 ID를 기반으로 요소를 찾는 것이었고, 답변은 표시된 라디오 버튼에 영향을 주지 않을 수도 있습니다.

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

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

$('#a_state option[value="'+a_state+'"]').prop("selected", true);

prop()특성은 때때로 무작위로 작동하기 때문에 가장 좋은 옵션입니다.

언급URL : https://stackoverflow.com/questions/9525128/jquery-set-radio-button