Node.js는 그림과 code_javascript 기술을 사용하여 간단한 장바구니를 구현합니다.

그림과 같이:

모두 선택 버튼의 구현은 다음과 같습니다:

코드 복사 코드는 다음과 같습니다.

모두 선택
;input type="checkbox" name ="item" value="3000" />노트북: 3,000위안

노트북: 3000위안
노트북: 3000위안
노트북: 3,000위안
노트북: 3,000위안
노트북: 3000위안

;노트북: 3000위안

노트북: 3000위안

<입력 유형 ="checkbox" name="item" value="3000" />노트북: 3000위안

모두 선택





마지막 스팬 태그는 총액을 표시하는 영역을 저장하는 데 사용됩니다.

두 가지 "모두 선택" 기능을 구현하는 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. 다음:

function checkAll()

{
//var allNode = document.getElementsByName("all")[0]
//클릭한 요소 가져오기
var allNode = event.srcElement;
var item = document.getElementsByName("item")
for(var x=0;x{
item[ x].checked = allNode.checked;
}
}


event.srcElement는 응답 이벤트 버튼 획득을 구현합니다.

for 루프는 각 다중 선택 상자의 확인 속성을 수정합니다.

총액 계산 방법은

코드 복사 코드는 다음과 같습니다.

function getSum()

{
var item = document.getElementsByName("item")
var sum = 0
for(var x=0;x< item.length;x )
{
if(item[x].checked)
{
sum =parseInt(item[x].value)
}
}
varspanNode = document .getElementById("sum");
spanNode.innerHTML = (sum "元").fontsize(7);
}


값을 변환합니다. 선택한 모든 확인란의 값이 합산됩니다.