javascript 원생 태 checkbox 조작
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script>
//
function ShowCheckBox() {
var data = "T00201507001,T00201507002,T00201507003,T00201507004";
var items = data.split(',');
for (var i = 0; i < items.length; i++) {
document.getElementById(items[i]).checked = true;
}
}
//
function ShowSumTotal(id, num) {
if (document.getElementById(id).checked == true) {
var total = parseInt(num) + parseInt(document.getElementById("lblTotal").innerHTML);
document.getElementById("lblTotal").innerText = total;
}
else {
var total = parseInt(document.getElementById("lblTotal").innerHTML) - parseInt(num);
document.getElementById("lblTotal").innerText = total;
}
}
// table
function ShowTable() {
alert(document.getElementById("testTable").rows[1].cells[3].innerHTML);
}
//
function CheckAll(e, itemname) {
var item = document.getElementsByName(itemname);
if (item == undefined) return;
for (var i = 0; i < item.length; i++) item[i].checked = e.checked;
}
</script>
</head>
<body>
<input name="chkall" value="1" type="checkbox" onclick="CheckAll(this, 'ItemD')" class="qx" /> <br /><br />
<input type="checkbox" name="ItemD" id="T00201507001" value="T00201507001" onclick="ShowSumTotal('T00201507001', 1)" /><br />
<input type="checkbox" name="ItemD" id="T00201507002" value="T00201507002" onclick="ShowSumTotal('T00201507002', 2)" /><br />
<input type="checkbox" name="ItemD" id="T00201507003" value="T00201507003" onclick="ShowSumTotal('T00201507003', 3)" /><br />
<input type="checkbox" name="ItemD" id="T00201507004" value="T00201507004" onclick="ShowSumTotal('T00201507004', 4)" /><br />
<input type="checkbox" name="ItemD" id="T00201507005" value="T00201507005" onclick="ShowSumTotal('T00201507005', 5)" /><br />
<input type="checkbox" name="ItemD" id="T00201507006" value="T00201507006" onclick="ShowSumTotal('T00201507006', 6)" /><br />
<table border="0" id="testTable">
<tr>
<td width="100">a</td>
<td width="100">b</td>
<td width="100">c</td>
<td width="100">123</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>223</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>323</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>423</td>
</tr>
<tr>
<td>total:</td>
<td>
<span id="lblTotal">100</span>
</td>
</tr>
</table>
<br />
<input type="button" value=" " onclick="ShowCheckBox()" />
<br />
<br />
<input type="button" value=" table " onclick="ShowTable()" />
</body>
</html>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
