반응형
반응하는 라디오 버튼을 기본값으로 켜려면 어떻게 해야 합니까?
초기값이 참인지 라디오 버튼을 체크하려면 어떻게 해야 합니까?
사용방법defaultChecked
속성, 사용 가능<input type="checkbox">
그리고.<input type="radio">
- https://reactjs.org/docs/uncontrolled-components.html#default-values
<input type="radio" name="radio-group" value="1" defaultChecked />
<input type="radio" name="radio-group" value="2" />
<input type="radio" name="radio-group" value="3" />
경우에 따라서는 name Atribute를 삭제하고 대신 조건부 체크값을 사용하여 문제를 해결할 수 있습니다.
<li>
<label>
<input
type="radio"
value="medium"
checked={this.state.size === "medium"}
onChange={this.handleChange}
/>
Medium
</label>
</li>
<li>
<label>
<input
type="radio"
value="large"
checked={this.state.size === "large"}
onChange={this.handleChange}
/>
Large
</label>
</li>
출처 : https://magnusbenoni.com/radio-buttons-react/
를 추가합니다.checked
예를 들어 라디오 버튼의 속성을 지정합니다.checked={field.input.value}
[JS빈]
여기서 default Checked를 추가하는 것은 체크된 값이 아니라 아이디어입니다.
언급URL : https://stackoverflow.com/questions/45072603/how-to-make-default-checked-for-radio-buttons-in-react
반응형
'programing' 카테고리의 다른 글
리피터 필드에 의한 ACF 쿼리 투고가 비어 있지 않음 (0) | 2023.03.02 |
---|---|
java.util 인스턴스를 역직렬화할 수 없습니다.ArrayList가 VALUE_STRING을 벗어남 (0) | 2023.03.02 |
jq에서 문자열을 json으로 변환 (0) | 2023.03.02 |
Postgres의 JSON 필드에 인덱스를 작성하는 방법 (0) | 2023.03.02 |
URI [/WEB-INF/pages/apiForm.jsp]를 사용한 HTTP 요청에 대한 매핑을 찾을 수 없습니다. (0) | 2023.03.02 |