그림과 같이 :
모든 버튼 선택은 다음과 같습니다.
코드 사본은 다음과 같습니다.
<input type = "checkbox"name = "all"onclick = "checkall ()" /> 모든 <br />를 선택하십시오
<입력 유형 = "checkbox"name = "item"value = "3000" /> 노트북 : 3000 위안 <br />
<입력 유형 = "checkbox"name = "item"value = "3000" /> 노트북 : 3000 위안 <br />
<입력 유형 = "checkbox"name = "item"value = "3000" /> 노트북 : 3000 위안 <br />
<입력 유형 = "checkbox"name = "item"value = "3000" /> 노트북 : 3000 위안 <br />
<입력 유형 = "checkbox"name = "item"value = "3000" /> 노트북 : 3000 위안 <br />
<입력 유형 = "checkbox"name = "item"value = "3000" /> 노트북 : 3000 위안 <br />
<입력 유형 = "checkbox"name = "item"value = "3000" /> 노트북 : 3000 위안 <br />
<입력 유형 = "checkbox"name = "item"value = "3000" /> 노트북 : 3000 위안 <br />
<입력 유형 = "checkbox"name = "item"value = "3000" /> 노트북 : 3000 위안 <br />
<입력 유형 = "checkbox"name = "item"value = "3000" /> 노트북 : 3000 위안 <br />
<input type = "checkbox"name = "all"onclick = "checkall ()" /> 모든 <br />를 선택하십시오
<입력 유형 = "버튼"value = "총 금액 가져 오기"onclick = "getsum ()" />
<span id = "sum"> </span>
최종 스팬 태그는 총 금액을 표시하는 영역을 저장하는 데 사용됩니다.
"모든 선택"함수를 구현하는 코드는 다음과 같습니다.
코드 사본은 다음과 같습니다.
함수 checkall ()
{
// var allnode = document.getElementsByName ( "all") [0];
// 클릭 된 요소를 가져옵니다
var allnode = event.srcelement;
var item = document.getElementsByName ( "항목");
for (var x = 0; x <item.length; x ++)
{
항목 [x] .Checked = AllNode.Checked;
}
}
event.srcelement는 응답 이벤트 버튼의 획득을 구현합니다.
for 루프는 각 다중 점검 상자에 대한 확인 된 속성을 수정합니다.
총 금액을 계산하는 방법은 다음과 같습니다.
코드 사본은 다음과 같습니다.
함수 getsum ()
{
var item = document.getElementsByName ( "항목");
var sum = 0;
for (var x = 0; x <item.length; x ++)
{
if (Item [x] .Checked)
{
sum+= parseint (항목 [x] .Value);
}
}
var spannode = document.getElementById ( "sum");
spannode.innerhtml = (sum+"meta"). fontsize (7);
}
선택한 모든 확인란의 값을 추가합니다.