Radio button Y/N 설정하기

radio button으로 Y/N을 설정해보자.

이때, Y 또는 N 한가지만 설정할 수 있도록 해야하기 때문이 충분히 고려해서 작성하도록 한다.

 

<div class="group">
        <span>사용여부</span>
        <input type="radio" id="Y" name="useYn" value="">Y
        <input type="radio" id="N" name="useYn" value="" checked>N
</div>

 

사용 여부에 관한 radio button을 만들었다.

둘 중 한번만 택하게 하기 위해 name을 동일하게 주었고, 디폴트값은 N으로 체크되게 설정하였다.

 

Script단에서 체크된 버튼의 값을 이용하기 위해서는 아래와 같이 부르면 사용할 수 있다.

let strUseYn = $('input[name=useYn]:checked').attr('id');