programing

반응하는 라디오 버튼을 기본값으로 켜려면 어떻게 해야 합니까?

muds 2023. 3. 2. 22:42
반응형

반응하는 라디오 버튼을 기본값으로 켜려면 어떻게 해야 합니까?

초기값이 참인지 라디오 버튼을 체크하려면 어떻게 해야 합니까?

사용방법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

반응형