DEV/javascript
-
jQuery Checkbox가 선택되어 있는지 확인하기DEV/javascript 2022. 4. 20. 18:58
Javascript를 이용하여 체크박스가 선택되어 있는지 확인이 필요한 경우가 있다. 아래의 코드를 활용하자! if($('input[type="checkbox"]:checked').length == 0) { console.log("체크가 안되어있습니다. 확인하세요!"); ...(생략) } Javascript Checkbox 관련된 글... https://seokbong.tistory.com/search/checkbox 석봉노트 까먹으니까 적어두자... seokbong.tistory.com
-
jQuery Checkbox 체크된 요소 선택하기(선택자)DEV/javascript 2022. 4. 20. 18:53
Javascript 에서 체크 박스의 체크된 요소를 선택해야 하는 일이 생긴다. 사용법은 간단하다 :) $('input[type="checkbox"]:checked'); 혹시 필요하실까요...? https://seokbong.tistory.com/71 jQuery Checkbox 하나만 선택할 수 있게 하기 Javascript 사용 시, Input Checkbox를 하나만 선택이 가능하게 해야 할 때가 있다. 다음과 같이 사용이 가능하다. (모든 체크박스를 기준으로 한다. 필요하다면 식별자로 뽑아서 쓰도록 하자) // 체크박 seokbong.tistory.com https://seokbong.tistory.com/8
-
jQuery Checkbox 하나만 선택할 수 있게 하기DEV/javascript 2022. 4. 20. 18:47
Javascript 사용 시, Input Checkbox를 하나만 선택이 가능하게 해야 할 때가 있다. 다음과 같이 사용이 가능하다. (모든 체크박스를 기준으로 한다. 필요하다면 식별자로 뽑아서 쓰도록 하자) // 체크박스 하나만 선택 가능하게... $(document).on('click', "input[type='checkbox']", function(){ if(this.checked) { const checkboxes = $("input[type='checkbox']"); for(let ind = 0; ind < checkboxes.length; ind++){ checkboxes[ind].checked = false; } this.checked = true; } else { this.checked =..
-
Javascript Object 내부 날짜(Date) 오름차순/내림차순(sort, reverse) 하기DEV/javascript 2022. 4. 20. 18:31
Javascript를 사용하면 다양한 Object를 다루게 된다. 오늘 Object 내부에 있는 날짜(Date)를 내림차순으로 정리해달라는 부탁을 받았다. // 데이터 const arr = { list1: [ {"date":"2022-02-10 11:20", "name":"Seokbong", "age":"29"}, {"date":"2022-02-10 11:15", "name":"Sibong", "age":"29"}, {"date":"2022-02-10 11:18", "name":"DDobong", "age":"29"} ], } list1의 데이터를 정렬한다고 가정하자. // 오름차순 function sortDate1(list) { const sorted_list = list.sort(function(a,..
-
Javascript 비동기 await을 반복적으로 사용하는 방법DEV/javascript 2022. 4. 8. 18:05
await 반복문 사용하는 방법은 다음과 같다. for await of // 노드 10 부터 지원 const promise1 = Promise.resolve('성공1'); const promise2 = Promise.resolve('성공2'); (async () => { for await ( promise of [promise1, promise2] ) { console.log(promise); } })(); Async - await 이 궁금하다면...? https://seokbong.tistory.com/58 Javascript 비동기 Async - await 정리 (설명을 경량화...) 비동기 처리를 하는 경우 자주 사용하게 되는 Async - await을 간단하게 정리했다. Promise를 모른다면 ..