그럴 수도 있지

 숫자만 입력을 받아야 하거나, 마이너스 혹은 플러스만. 소수점 입력이 가능하거나 혹은 불가능하거나. 천단위가 넘어가면 콤마 처리를 해줘야하거나. 결국엔 인터넷에서 보고 배운 걸 합쳐서 함수를 만들었고 유용하게 사용 중이다. 회사에서 제일 많이 사용 중인 함수 중 하나. * 예제는 아래에 간단하게 설명 Syntax numberFormat(val, isMinus, isFloat, isComma) Javascript //숫자 입력 (마이너스, 소수점, 콤마) function numberFormat(val, isMinus, isFloat, isComma){ var str = val; //일단 마이너스, 소수점을 제외한 문자열 모두 제거 str = str.replace(/[^-\.0-9]/g, ''); //마..

1. 체크 박스를 전체 선택 혹은 전체 해제 2. 전체 체크 후 한 건이라도 체크를 풀 경우 전체 체크박스의 체크가 해제 위와 같이 체크박스를 전체 선택하거나 해제, 그리고 전체 선택 했는지 여부를 판단하는 경우가 많아서 나 같은 경우는 공통 함수로 빼서 여기저기 화면에서 사용하고 있다. 1. 기본 화면 2. 전체 선택 3. 전체 해제 4. 전체 선택 후 하나만 체크 해제(전체 체크 박스가 풀려야함) 5. disabled 된 내역은 제외 HTML 항목 사과 딸기 포도 메론 자두 javscript //체크박스 전체 선택/해제 function allCheckboxes(boxNames, chkMode){ const el = document.getElementsByName(boxNames); for(let i ..

select 박스에 있는 option값을 선택해줘야 할 때가 있다. 예를 들어, 작성 된 내용을 바탕으로 수정 시라던가, 버튼을 누르면 자동으로 선택해줘야한다던가. value값을 알면 selected 가능한 간단한 예제다. 사과 딸기 포도 대충 이렇게 3개의 옵션이 있는 select 박스가 만들어지고, value값을 입력 받을 input, 그리고 javascript 함수를 실행시켜줄 선택 박스를 만들었다. function selectedControl(){ const el = document.getElementById('fruit'); //select box const len = el.options.length; //select box의 option 갯수 co..