반응형

자바 스크립트 제이 쿼리 3

[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]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
반응형