JavaScript(4)
-
셀렉트박스(selectbox) 동적 option 넣기!
셀렉트박스로 좀 쓰는 방식입니다. 첫번째 부모의 옵션을 선택하면 다음 자식의 셀렉트 박스 옵션이 부모셀렉트 박스와 관련된 데이터가 나오는 방식입니다. 저는 자식을 2개까지 만들어 테스트 해봤습니다. 응용하면 계속 만들수도 있고~ java와 db연결하면 선택시 db조회 후 자식셀렉트 박스 옵션을 만들어 줄 수 있습니다. 나중에 한번 ajax통신해서 db데이터로 옵션 생성해주는것도 테스트해보겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 ..
2021.01.22 -
radio 동적으로 생성,삭제,체크 하기!
체크박스 동적 글과 소스는 아주 비슷합니다. 똑같다고 봐도 됩니다. 단지 체크박스가 아니고 라디오버튼입니다.ㅎㅎ 이렇게 해놓고 동적으로 하는 방법이 더 있으면 체크박스와 같이 수정해가며 추가할 예정입니다! 스크립트 단에서 jquery사용하여 동적으로 삭제 생성 체크를 해주는 테스트입니다. body만 붙여 넣어서 테스트 해보시면 됩니다! jquery꼭 있어야되구요! 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001..
2021.01.21 -
checkbox 동적으로 생성,삭제,체크 하기!
스크립트 단에서 jquery사용하여 동적으로 삭제 생성 체크를 해주는 테스트입니다. body만 붙여 넣어서 테스트 해보시면 됩니다! jquery꼭 있어야되구요! 숫자 입력받아 체크박스 선택하는 경우 개발 시 빽단에서 데이터 받아 뿌려줄때 쓰면 굉장히 좋을거 같습니다.! 이것과 비슷한 라디오도 올려보겠습니다.! 그리고 동적으로 하는 방법이 더 있으면 수정해 추가하겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 ..
2021.01.21 -
동적 onclick 이벤트
123456789101112//홑따옴표$(data).each(function(key, val){ innerHtml += '';}); //쌍따옴표 $.each(data, function(i){ innerHtml += ""; });Colored by Color Scriptercs
2020.12.16