본문 바로가기

Lect & Tip/javascript, jQuery37

자바스크립트/jQuery로 input checkbox name값, value 값으로 체크하기 자바스크립트/jQuery로 input checkbox name값, value 값으로 체크하기 소개 이 블로그 포스팅에서는 자바스크립트/jQuery를 사용하여 input checkbox 요소를 name과 value 값을 이용하여 체크하는 방법에 대해 알아보겠습니다. input checkbox를 사용하면 여러 개의 값을 저장해야 할 때가 있습니다. name 속성을 동일하게 유지하면서 value만 다르게 설정하면 배열로 쉽게 값을 저장할 수 있어서 자주 사용되는 방식입니다. 하지만 이렇게 저장된 값을 다시 불러오는 것은 조금 까다로울 수 있습니다. 이러한 문제를 해결하기 위해 name과 value를 동시에 활용하여 체크박스를 선택할 수 있습니다. 방법 jQuery를 사용하여 input checkbox 요소를 .. 2023. 7. 31.

2023년 일용직 소득세 계산기 2023년 일용직 소득세 계산기 아래는 JavaScript를 사용하여 일용직 근로자의 소득세를 계산하는 간단한 함수입니다. function calculateTax(dailyWage) { const basicDeduction = 150000; // 기본공제액 const taxRate = 0.06; // 세율 const taxDeductionRate = 0.55; // 세액공제율 const localTaxRate = 0.1; // 지방세율 // 과세표준 계산 const taxableIncome = dailyWage - basicDeduction; if (taxableIncome 2023. 7. 3.

챗GPT 로또 당첨번호 예측 lotto 1073회 분석 1034 26 31 32 33 38 40 11 1035 9 14 34 35 41 42 2 1036 2 5 22 32 34 45 39 1037 2 14 15 22 27 33 31 1038 7 16 24 27 37 44 2 1039 2 3 6 19 36 39 26 1040 8 16 26 29 31 36 11 1041 6 7 9 11 17 18 45 1042 5 14 15 23 34 43 4 1043 3 5 12 22 26 31 19 1044 12 17 20 26 28 36 4 1045 6 14 15 19 21 41 37 1046 7 16 25 29 35 36 28 1047 2 20 33 40 42 44 32 1048 6 12 17 21 32 39 30 1049 3 5 13 20 21 37 17 1050 6 .. 2023. 6. 23.

javascript classList.toggle로 jquery addClass, removeClass, toggleClass 구현하기 / 더보기 버튼 클릭시 영역 확장 Javascript classList.toggle로 jQuery addClass, removeClass, toggleClass 구현하기 / 더보기 버튼 클릭시 영역 확장 서론 Javascript와 React에서 더보기 버튼을 클릭하면 내용이 확장되는 컴포넌트를 구현해보려고 합니다. 이를 위해서 jQuery를 사용하면 간단하지만, React에서는 불편함이 있습니다. 그러나 우리는 ref와 useState를 활용하여 더 간편하게 구현할 수 있습니다. 이번 블로그 포스팅에서는 classList.toggle 메서드를 활용하여 jQuery의 addClass, removeClass, toggleClass를 구현해보도록 하겠습니다. 또한, 더보기 버튼을 클릭하여 영역을 확장하는 예제도 함께 제시하겠습니다. class.. 2022. 11. 2.

JAVASCRIPT FOR DETECTING BROWSER LANGUAGE (브라우저 언어 추출) 현재 브라우저 언어 설정값을 가져오는 방법에는 IE와 비 IE(파폭, 크롬 등등)의 차이가 있습니다. IE의 navigator객체에는 systemLanguage, userLanguage, browserLanguage 가 있어 마치 브라우저 언어를 보여줄 것 같지만, 전혀 그렇지 않아 사람을 혼란에 빠트리죠. 혼란을 주는 IE전용 속성 navigator.userLanguage OS의 제어판 – 국가 및 언어 – 입력 언어를 나타낸다. navigator.browserLanguage, navigator.systemLanguage OS의 제어판 – 국가 및 언어 – 표시 언어의 반환한다.(browserLanguage와 systemLanguage의 차이는 발견하지 못했다.) 모두 OS 언어 설정과 연관되어있다 $.. 2021. 7. 21.

자바스크립트 navigator.useragent로 브라우저 정보를 확인하기. 자바스크립트 navigator.useragent로 브라우저 정보를 확인하기. 2014.06.29 10:13 퍼블리싱을 하거나 웹페이지를 개발하다 보면, 사용하는 브라우저의 환경에 따라 분기를 처리해주어야 할 때가 생긴다. 그럴 때 반드시 처리해 주어야 할 자바스크립트의 navigator.useragnet를 이용하면 브라우저의 정보를 확인할 수 있다. 다들 알고 있는 부분인데, 이렇게 확인된 useragent값을 어떻게 활용할 것인가가 부차적인 문제가 된다. 일단은 이번 포스팅에서는 userAgent를 문자열로 넘겨서 확인하는 것까지만 진행하도록 하겠다. var ua = navigator.userAgent; document.write(ua); 위의 표에서 보다시피 굉장히 간단하다. navigator.use.. 2021. 7. 1.

이전 1 2 3 4 5 6 7 다음

티스토리툴바