JS (1) 썸네일형 리스트형 [JavaScript] 체크박스에 체크된 값만 계산하기 갱장이... 오랜만이균... 히히 자바스크립트로, 웹 페이지에서 체크된 항목들의 값만 계산(덧셈)하는 예제를 작성해 보았다. 쇼핑몰 등의 서비스에서 체크된 항목들의 합계를 구하는 UI를 구현할 때 응용할 수 있다. 100 200 300 일단 HTML의 body 태그의 내부는 이렇게 구성하였다. 체크박스의 name 속성을 'price'로 지정하여 같은 그룹으로 지정하고, id 속성을 지정하였다. 그리고 각 체크박스의 체크가 되었을 때 또는 해제되었을 때 값을 다시 계산하여야 하므로 onclick 속성도 지정하였다. 숫자가 쓰여있는 텍스트의 경우, 해당하는 텍스트에 써진 숫자를 가져와서 계산하기로 생각하였으므로 일반 텍스트가 아닌 span 태그로 감싸서 Javascript에서 가져오기 쉽게 하였다. 그리고 .. 이전 1 다음
