javascript jQuery6

• [jQuery] 전체 체크박스 체크 테이블의 th의 체크박스 선택 시 tbody의 td의 checkbox를 전체 체크하는 간단한 예제다. 번호 성명 아이디 function fn_chkAll(obj){ if($(obj).is(':checked')){ $('#targetBody').find('input:checkbox[id^=checkbox]').prop('checked', true); }else{ $('#targetBody').find('input:checkbox[id^=checkbox]').prop('checked', false); } } IT/development 2024. 1. 21.

• 

  [jQuery]jQuery 정규표현식 이용해서 키보드 입력값 제한 목차 jQuery 정규표현식 이용해서 키보드 입력값 제한 사용자가 입력한 값을 체크해서 알림창을 띄우거나 할 때 jQuery의 keyup()을 사용하면 됨 keyup 이벤트는 키보드의 키를 눌렀다 뗄 때 이벤트를 발생 시킴 해당 이벤트는 포커스를 가질 수 있는 요소에만 발생 시킬 수 있음(ex : input) 대부분의 form 요소들에서 사용가능하다고 함 ex) 사용자가 입력한 값이 한글이 아닌 값일 경우를 체크해서 경고창을 띄우는 코드 예시 // 정규표현식 -> 한글만 입력 체크 function check_input() { $("#item").keyup(function() { // 입력값에 숫자, 영문, 특수문자가 올 경우 경고창 표시 후 ""으로 치환 var regexp = /[a-z0-9]|[ \[.. IT/development 2022. 11. 24.

• 

  [jQuery]selectBox change 이벤트 목차 [jQuery]selectBox change selectBox의 값이 변경될 때마다 placeholder를 변경하는 예제 $(document).ready(function() { $("#selectBox").change( function() { let val = $("#selectBox option:selected").val(); switch(val) { case '1' : $("#input1").attr("placeholder", "사용자"); break; case '2' : $("#input1").attr("placeholder", "연락처"); break; case '3' : $("#input1").attr("placeholder", "이메일"); break; default : $("#input.. IT/development 2022. 11. 24.

• 

  [jQuery] jQuery 버튼 클릭 시 table tr 숨김처리 목차 버튼 클릭 시 table의 tr영역을 숨김처리하는 예제 // 체크박스가 체크 되어 있으면 table tr display none처리 예제 function check() { $("#ch").change(function(){ if($("#ch").is(":checked")){ $("tr#one").css("display", ""); $("tr#two").css("display", ""); }else{ $("tr#one").css("display", "none"); $("tr#two").css("display", "none"); } }); } "$(#ch)"에 change이벤트를 줬고 체크여부를 체크해서 조건처리한 간단한 예제 내용이 너무 간단하긴 하다. IT/development 2022. 11. 24.

• 

  [jQuery] jQuery CDN 항상 최신으로 불러오기... 목차 내가 나중에 찾아보기 위해 기록함 참조 : 기록하는 동구, "2020.02.03", https://donggu1105.tistory.com/22 IT/development 2022. 11. 24.

• 

  [jQuery]radio/checkbox 체크 여부 확인 목차 [jQuery]radio/checkbox 체크 여부 확인 라디오 버튼 체크 여부 확인 체크된 값의 길이 유무로 체크하는 방법(물론 다른 방법도 있음) // name이 radio인 라디오 버튼 체크 여부 확인 예제 if($(':radio[name="radio"]:checked').length < 1){ alert('라디오버튼을 체크 해주세요.\n안그러면 못넘어 갑니다!!!!!!!'); // 첫번 째 라디오버튼에 포커스 $(':input:radio[name=radio]:eq(0)').focus(); return false; } 체크박스 체크 여부 확인1 // name이 checkbox인 체크박스 체크 여부 확인 예제 if($(':radio[name="checkbox"]:checked').length <.. IT/development 2022. 11. 19.