input checked 질문 드립니다.
본문
안녕하세요.
input에 미리 체크를 해두려고
checked 를 해도 먹히질 않아서요
<input type="radio" id="toggle1" name="wr_1" value="안마의자" v-model="choices.checkedSize" checked><label for="toggle1"><img src="./img/icon1.png"></label></li>
<input type="radio" id="toggle2" name="wr_1" value="기타" v-model="choices.checkedSize"><label for="toggle2"><img src="./img/icon2.png"></label></li>
input 스타일을 이미지로 변경해서 사용중입니다.
클릭하면
설정해둔 border:2px solid #ff6a11 가 먹히는데
input 에 checked를 미리 넣어놓으면 안먹힙니다.
vue.js를 써서 그런것 같은데 검색을 아무리해도 나오질 않아서요 ㅠ
답변 1
해당 부분의 css를 봐야 알 수 있을 것 같네요.
답변감사합니다.
input[type=radio]{display: none}
input[type=radio] + label {cursor:pointer; display:inline-block; width:100%; background:#f0f0f0; border-radius:20px; padding:30px 0; border:2px solid #f0f0f0; min-height:200px}
input[type=radio]:checked + label {border:2px solid #ff6a11; border-radius:20px}
이렇게 되어잇습니다.
css 상으로는 이상이 없네요. 스크립트 쪽에 해당 라디오버튼의 체크를 푸는 부분이 있는지도 확인을 해보셔야 할 듯 합니다.
저거 외엔 딱히 스크립트는 쓰지 않고 잇습니다.
천천히 다시 한번 둘러보겟습니다. 감사합니다!