# radio

7개의 포스트
post-thumbnail

라디오 버튼 세가지중에 한가지씩만 선택하는 기능 구현

3개의 라디오 버튼이 있다. 비활성화, 활성화된 버튼 모두 이미지로 되어 있다.하나만 클릭했을때 나머지 두개는 비활성화 되어 있다.처음엔 input radio 타입의 버튼으로 코드를 짰다.backgroun-color가 바뀌는 방법으로 로직을 짜니까 클릭시 흰배경 없이

2021년 11월 9일
·
0개의 댓글
post-thumbnail

라디오버튼 이미지로 토글 만들기

내용 클릭했을때 활성화된 이미지 버튼으로 바뀐다 둘중에 하나만 활성화됨 결과 코드 설명 onClick이벤트가 발생하면 handleClickAdmin을 실행하고 setInputStatus으로 false->true로 바꿔줌 click이 true로 바뀌면서 show가 true 또는 false로 바뀌면서 스타일컴포넌트의 조건문이 실행된다 ** onClick은 ...

2021년 11월 8일
·
0개의 댓글

radio vs checkbox

나는 input radio를 하나만 선택해야 할 때 사용하고 있었다.그러던 중 실수로 input radio의 체크할 때 다시 클릭 시 이 체크를 없애는 방법을 찾던 중 내가 radio를 잘못 이해하고 있음을 알게 되었다.radio -> 성별처럼 꼭 선택해야 하는 필수사

2021년 10월 17일
·
0개의 댓글
post-thumbnail

Flutter - #14. Radio

내가 보려고 쓰는 Flutter 일기출처 : https://api.flutter.dev/flutter/material/Radio-class.html라디오 버튼은 플러터에만 있는게 아니라 프론트엔드에서 자주 쓰는 유명한 버튼이다. 하나만 선택이 가능한 목록에 쓰

2021년 6월 8일
·
0개의 댓글

[Material UI] Radio Input 클릭시 checked가 반영되지 않는 문제

연동 페이지 https://stackworx.github.io/formik-material-ui/docs/api/material-ui/#radiogroup radio가 체크가 안되는 문제 참고 및 출처 Dynamic FormControlLabel Radio ins

2021년 5월 12일
·
0개의 댓글

코드이그나이터4 뷰 다루기 - 4 - 라디오 버튼

여러개의 항목 중 하나를 선택하는 라디오 버튼에 대해 알아보겠습니다. 우리가 만들 페이지는 아래와 같습니다. View 컨트롤러에 아래의 메소드를 추가합니다. app/Controllers/View.php 코드를 확인해 보겠습니다. (1) 스포츠 데이터를 연관배열로 정

2021년 3월 16일
·
0개의 댓글
post-thumbnail

[VueJS] v-model로 radio 처리

radio버튼을 반드시 하나의 요소만 담기 때문에 v-model로 연결시킨 데이터는 value 값을 가지게 됩니다.

2021년 1월 14일
·
0개의 댓글