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');
'Frontend > 03. Java Script' 카테고리의 다른 글
[JavaScript] Check box 전체 선택 후 전체 중 1개라도 해제하면 전체도 함께 해제되게 하기 (0) | 2023.12.08 |
---|---|
[javascript] 모바일 서명 패드 만들기 (1) | 2023.12.05 |
[JS] Java Script의 기본 문법 (0) | 2022.09.12 |