코딩캠프/내일배움캠프

[ TIL ] 02.02(목) 57일차

고랑E 2023. 2. 2. 17:47
728x90

회원가입의 유저타입에 따라 선택된 박스에 값을 불러오는거에서 문제가 생겼다..

 

어떤 버튼이 선택 되더라도 모든 벨류의 값이 불러와지는 현상이 생겼다..

 

구글링 결과 저렇게 네임과 체크를 해줘야 체크된 부분만 값을 받아온다

 

 

선택된 박스에 따라 다른 값을 불러오는걸 볼수있다.

 

function signUp() {
  let userTypeChecked = $('input[name=btnradio]:checked').val();
  console.log(userTypeChecked);
}
<div
  class="form-group btn-group"
  role="group"
  aria-label="Basic radio toggle button group"
  style="width: 100%"
>
  <input
    type="radio"
    class="btn-check"
    name="btnradio"
    id="btnradio1"
    value="0"
    autocomplete="off"
    checked
  />
  <label class="btn btn-outline-primary" for="btnradio1"
    >손놈</label
  >

  <input
    type="radio"
    class="btn-check"
    name="btnradio"
    id="btnradio2"
    value="1"
    autocomplete="off"
  />
  <label class="btn btn-outline-primary" for="btnradio2"
    >잘생긴사장</label
  >

  <input
    type="radio"
    class="btn-check"
    name="btnradio"
    id="btnradio3"
    value="2"
    autocomplete="off"
  />
  <label class="btn btn-outline-primary" for="btnradio3"
    >관리자</label
  >
</div>