기본적으로 라디오 버튼을 선택하는 방법은 무엇입니까?

기본적으로 라디오 버튼을 선택하는 방법은 무엇입니까? [복제]

---

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

• 체크 된 8 개의 답변 으로 라디오 버튼에 초기 값 할당

라디오 버튼이 몇 개 있고 페이지가로드 될 때 그 중 하나가 기본적으로 선택되도록 설정하고 싶습니다. 어떻게 할 수 있습니까?

<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" /> 

---

이것은 질문에 정확히 대답하지는 않지만 AngularJS를 사용하는 모든 사람에게 대답은 약간 다릅니다. 그리고 실제로 정상적인 대답은 작동하지 않습니다 (적어도 저에게는 그렇지 않았습니다).

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-checked다음과 같이 속성을 사용하십시오 .

<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"

---

그들은 거의 그것을 얻었습니다 ... 체크 박스처럼, 당신이해야 할 일은 다음과 같이 checked = "checked"속성을 추가하는 것입니다 :

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

... 그리고 당신은 그것을 얻었습니다.

건배!

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