선택된대로 라디오 버튼에 초기 값을 할당하십시오

HTML에서 체크인했을 때 라디오 버튼의 값을 처음에 어떻게 할당합니까?

checked이 속성을 사용할 수 있습니다 .

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

당신은 단지 사용할 수 있습니다 :

<input type="radio" checked />

값을 지정하지 않고 확인 된 속성 만 사용하는 것은와 동일합니다 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"

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

Angular2 (2.4.8) 솔루션을 찾는 사람은 검색 할 때 일반적으로 인기있는 질문이므로 다음과 같습니다.

<div *ngFor="let choice of choices">
  <input type="radio" [checked]="choice == defaultChoice">
</div>

이것은 추가 할 checked조건 주어진 입력에 속성을하지만, 조건이 실패하면 아무것도 추가하지 않습니다.

이 작업을 수행 하지 마십시오 :

[attr.checked]="choice == defaultChoice"

이것은 checked="false"다른 모든 입력 요소에 속성 을 추가하기 때문 입니다.

브라우저 는 값을 무시하고 checked속성 ( 키 ) 의 존재 만 찾기 때문에 그룹의 마지막 입력이 확인됩니다.

특히 angularjs를 사용하는 경우 라디오 버튼에서 기본 확인을 설정하는 다른 방법은 'ng-checked'플래그를 "true"로 설정하는 것입니다. 예 : <input id="d_man" value="M" ng-disabled="some Value" type="radio" ng-checked="true">Man

checked = "checked"가 작동하지 않습니다 ..

"name"속성이 동일한 두 개의 라디오 버튼이 있고 "필수"속성이있는 경우 "checked"속성을 추가해도 확인되지 않습니다.

예 : 이렇게하면 두 라디오 버튼이 모두 선택되지 않은 상태로 유지됩니다.

<input type="radio" name="gender" value="male" required <?php echo "checked"; ?>/>
<input type="radio" name="gender" value="female" required />

"male"라디오 버튼이 체크됩니다.

<input type="radio" name="gender" value="male" <?php echo "checked"; ?>/>
<input type="radio" name="gender" value="female" />

나는 파티에 조금 늦었고 OP가 html을 말했다는 것을 알고 있지만 MVC 에서이 작업을 수행 해야하는 경우 true세 번째 매개 변수를 설정할 수 있습니다 .

예 :

    <p>Option One :@Html.RadioButton("options", "option1", true})</p>
    // true will set it checked

     <p>Option Two :@Html.RadioButton("options", "option2"})</p>
     //nothing will leave it unchecked

애플리케이션에 react-redux를 사용하고 있고 redux 저장소에있는 데이터를 표시하려는 경우 아래와 같이 "checked"옵션을 설정할 수 있습니다.

<label>Male</label>

 <input
   type="radio"
   name="gender"
   defaultChecked={this.props.gender == "0"}
 />



 <label>Female</label>
 <input
   type="radio"
   name="gender"
   defaultChecked={this.props.gender == "1"}
 />