# radio

23개의 포스트
post-thumbnail

소록소록 Day 6_라디오 input 이모지 date Read 안됨 > 해결

temp_html 을 통해서 DB에 저장한 데이터를동일한 폼 안에서 갈아 끼워주는 Read 기능을 만들었다.그런데 사용자가 선택한 라디오 버튼의 이미지 값이 가져와지지 않았다.라디오 버튼의 value 값을 가져온 emotion 이라는 데이터를 DB에 저장했는데데이터의

3일 전
·
0개의 댓글
·
post-thumbnail

[Javascript/jQuery] radio 체크 된 값 가져오기

라디오 버튼을 구현했을때 jQuery를 통해서 라디오 버튼의 체크여부를 확인 할 수 있다. 체크 여부를 확인하여 체크 여부에 따라 원하는 함수를 실행 할 수 있겠지 ? 먼저 라디오 버튼을 구현해보자 두가지의 라디오 버튼을 구현해보았는데 먼저 value에 설정한 값을

6일 전
·
0개의 댓글
·
post-thumbnail

소록소록 Day 3_라디오 버튼 클릭 안됨 > 해결

라디오 버튼이 선택안됨label 안에 안 넣어서 생기는 문제였음맨 아래 버튼도 div 가 깨져있었음.wrap 묶음에 flex 랑 space-between 먹이면 됨잘못된 코드..자세히보기수정전수정후

2022년 11월 22일
·
0개의 댓글
·
post-thumbnail

[HTML]<input> - radio

name의 값이 다를 경우에는 한개의 input 으로 생각하기 때문에 중복으로 선택이 가능 한 것 처럼 보이게 된다.그렇기 때문에 radio를 여러개 할 경우 name 값은 동일하게 해주고 각 input 에 value값을 정해주어 제출하게 되면어떤 radio를 선택했는

2022년 11월 1일
·
0개의 댓글
·

[새싹 프론트엔드] checkbox와 radio

&lt; form > 태그에는 아주 다양한 요소가 존재한다그 중 checkbox와 radio는 둘 다 체크를 할 수 있는 형태로 출력되는데이 둘의 차이점을 알아보자!\-  checkbox는 네모 형태로 출력된다\-  갯수 상관없이 여러항목을 선택할 수 있다 → 네모모양

2022년 10월 30일
·
0개의 댓글
·
post-thumbnail

[Vue] v-model을 이용한 select & checkbox & radio 데이터 바인딩

select 태그에 v-model 넣기option 변경될 때마다 selectedCity 변경selectedCity에 초기값 넣어주면 해당 값을 초기 화면에 출력input의 id와 label의 for 맞추기checked 된 value로 양방향 데이터 바인딩checkbox

2022년 10월 24일
·
0개의 댓글
·
post-thumbnail

form tag raido,checkbox

설문조사에서 많이 봤던 타입일텐데, 선택할수있는 칸을 만드는것이다이렇게 선택할수있는 상자가 나온다 중복 선택이 아닌 하나만 선택하도록 하고싶다면이렇게 종류중에 하나만 입력할수 있도록 color 으로 묶을수있다이제 위의 사진처럼 만들어보겠다복수선택을 사용하고 싶을땐 ch

2022년 10월 12일
·
0개의 댓글
·
post-thumbnail

[HTML] 요소 활용

개발을 하면서 div 태그만 사용해서 영역을 나눠서 css를 써서 사용했었는데 공부하면서 footer , header , label , input(radio) 까지 다양하게 활용해서 개발을 할수있을것같다.

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

radio button 텍스트 클릭시 작동, 체크여부확인

for의 값과 radio 타입의 id 값을 같게하면, 텍스트 클릭시 해당항목 선택가능

2022년 8월 24일
·
0개의 댓글
·
post-thumbnail

radio input check가 두번 눌러야 바뀌는 경우

radio input에서 다른 값을 선택하면 value는 바뀌지만 check가 두번 눌러야 적용되는 문제가 발생했다.input type으로 radio를 적용한 후에 onClick 이벤트를 적용해주고 checked 값을 true로 설정했기 때문에 오류가 발생했다.chec

2022년 8월 18일
·
0개의 댓글
·
post-thumbnail

radio / checkbox

하나만 선택 가능한 요소부가적으로 옵션을 설정해두지 않으면 체크가 된 후에 해제되지 않음name값이 같이 않거나 없다면 제 기능을 할 수 없음다중 선택이 가능하도록 만들어진 타입name 값이 같더라도 복수 선택이 가능. name요소는 생략가능checkboxsms 선택

2022년 6월 29일
·
0개의 댓글
·

Form in React

React Form 컴포넌트 설계

2022년 6월 23일
·
0개의 댓글
·

01. 회원가입 html form 잡기

&lt;form name="join_form" id="join_form"> ... &lt;/form>아이디, 비밀번호, 비밀번호 확인, 이름, 이메일, 연락처div.form-group > ( label > span, div > input )성별, 수강과목div.form

2022년 6월 9일
·
0개의 댓글
·

JS- checkbox, radio

var foo = document.form1.myradio\[0].value;

2022년 6월 3일
·
0개의 댓글
·

input radio

https&#x3A;//developer.mozilla.org/ko/docs/Web/HTML/Element/Input/radiohttps&#x3A;//steadily-worked.tistory.com/464https&#x3A;//bytes.com/topic/javasc

2022년 4월 26일
·
0개의 댓글
·
post-thumbnail

React - 버튼클릭으로 원하는 컴포넌트 렌더링하기

버튼클릭으로 원하는 컴포넌트 렌더링하는 방법

2022년 1월 26일
·
8개의 댓글
·
post-thumbnail

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

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

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

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

내용 클릭했을때 활성화된 이미지 버튼으로 바뀐다 둘중에 하나만 활성화됨 결과 코드 설명 onClick이벤트가 발생하면 handleClickAdmin을 실행하고 setInputStatus으로 false->true로 바꿔줌 click이 true로 바뀌면서 show가 t

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

radio vs checkbox

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

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

Flutter - #14. Radio

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

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