본문 바로가기

HTML19

html img 대체 이미지 설정하기 html img 대체 이미지 설정하기 onerror 속성 이벤트를 사용하면 됩니다. // 에러 발생시 myFunction을 실행한다. //에러 발생시 디폴트 이미지를 대체한다. 출처 : https://www.w3schools.com/tags/ev_onerror.asp 2017. 4. 14.
html checked된 체크박스 값 가져오기 html checked된 체크박스 값 가져오기 var seqArr = []; // 체크된 체크박스 아이디가 chk_으로 시작하는 경우 $("input[id^=chk_]:checked").each(function( index, item ) { seqArr.push( this.id.split("_")[1] ); //each로 돌면서 각각의 this.id로 값을 가져올 수 있다. }); 다른 방법으로 var seqArr = []; // 체크된 체크박스 name이 skill $("input[name=skill]:checked").each(function( index, item ) { seqArr.push( this.val() ); //each로 돌면서 각각의 this.val로 값을 가져올 수 있다. }); co.. 2017. 4. 13.
input 전화번호 형식으로 입력받기 input type 중에서는 tel 이라는 전화번호 형식도 있지만, 사파리에서만 지원된다. 일반적인 익스플로러, 크롬, 파이어폭스에서는 작동하지 않아서 정규식을 이용한 별도 처리를 해줘야한다. html 영역 스크립트 영역 var patt = new RegExp("[0-9]{2,3}-[0-9]{3,4}-[0-9]{3,4}"); var res = patt.test( $("#tlno").val()); if( !patt.test( $("#tlno").val()) ){ alert("전화번호를 정확히 입력하여 주십시오."); return false; } 2017. 3. 20.
html checkBox 전체 선택 및 해제 제이쿼리(jQuery)로 html checkBox 전체 선택 및 해제 전체선택을 하는 checkBox의 html id가 필요하고그 외의 checkBox의 html id의 규칙이 필요하다. // html id가 "chkAll"이라는 엘리먼트를 클릭시$("#chkAll").click(function(){ // 해당 체크박스의 checked 값이 true 이면 if( $(this).is(":checked") ){ // html id가 "chk_"으로 시작하는 모든 체크박스의 checked 값을 true로 변경한다. $("input[id^=chk_]:checkbox:not(:disabled)").prop("checked", true); } else { // html id가 "chk_"으로 시작하는 모든 체크박스.. 2017. 3. 19.