기본적으로 라디오 버튼을 선택하려면 어떻게 해야 합니까?

기본적으로 라디오 버튼을 선택하려면 어떻게 해야 합니까?

이 질문에는 이미 답변이 있습니다.

선택한 라디오 버튼에 초기값 할당 (10개의 답변)

닫힘7년 전.

몇 가지 라디오 버튼이 있는데, 페이지가 로드될 때 그 중 하나가 기본적으로 선택되도록 설정했으면 합니다.내가 어떻게 그럴 수 있을까?

<input type="radio" name="imgsel"  value=""  /> 

XHTML 솔루션:

<input type="radio" name="imgsel" value="" checked="checked" />

주의하세요, 실제 가치는checked속성은 실제로 중요하지 않습니다.그것은 단지 할당하는 규칙일 뿐입니다."checked"가장 중요한 건..."true"또는"false"특별한 의미는 없어요.

XHTML 준거를 목표로 하고 있지 않은 경우는, 다음과 같이 코드를 간략화할 수 있습니다.

<input type="radio" name="imgsel" value="" checked>

선택한 속성을 사용합니다.

<input type="radio" name="imgsel"  value="" checked /> 

또는

<input type="radio" name="imgsel"  value="" checked="checked" /> 

Angular를 사용하는 사용자는 이 질문에 정확하게 답변할 수 없습니다.이를 위해 JS는 약간 다른 답을 제시합니다.그리고 실제로 정상적인 대답은 효과가 없을 것이다(적어도 나에게는 효과가 없었다).

html은 일반 라디오 버튼과 거의 비슷합니다.

<input type='radio' name='group' ng-model='mValue' value='first' />First
<input type='radio' name='group' ng-model='mValue' value='second' /> Second

컨트롤러에서 다음과 같이 선언할 수 있습니다.mValue옵션 버튼과 관련되어 있습니다.이러한 옵션 버튼 중 하나를 미리 선택하려면$scope그룹과 관련된 변수를 원하는 입력 값으로 설정합니다.

$scope.mValue="second"

그러면 페이지 로드 시 두 번째 라디오 버튼이 선택됩니다.

편집: AngularJS 2.x 이후

버전 2.x 이후를 사용하는 경우에는 위의 접근법이 작동하지 않습니다.대신 사용ng-checkedAtribute는 다음과 같습니다.

<input type='radio' name='gender' ng-model='genderValue' value='male' ng-checked='genderValue === male'/>Male
<input type='radio' name='gender' ng-model='genderValue' value='female' ng-checked='genderValue === female'/> Female

다음 속성 추가:

checked="checked"

거의 다 가져갔는데...확인란과 마찬가지로 다음과 같이 "체크된" 특성을 추가하기만 하면 됩니다.

<input type="radio" checked="checked">

...알았어.

건배!

언급URL : https://stackoverflow.com/questions/5592345/how-to-select-a-radio-button-by-default