Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<form id="fruit_form">
<table>
<tr>
<td><input type="checkbox" id="b_apples" /></td>
<td><a href="apples.png" id="a_apples">Apples</a></td>
</tr>
<tr>
<td><input type="checkbox" id="b_oranges" /></td>
<td><a href="oranges.png" id="a_oranges">Oranges</a></td>
</tr>
<tr>
<td><input type="checkbox" id="b_peaches" /></td>
<td><a href="peaches.png" id="a_peaches">Peaches</a></td>
</tr>
<tr>
<td><input type="checkbox" id="b_bananas" /></td>
<td><a href="bananas.png" id="a_bananas">Bananas</a></td>
</tr>
<caption>Fruits</caption>
</table>
<p>
<input type="button" value="Get marked"
onclick="traverseCheckboxes()" />
</p>
<p>
<textarea id="output" cols="50" rows="10"></textarea>
</p>
</form>
</body>
</html>
Code: Alles auswählen
function traverseCheckboxes() {
var formElements = document.forms.fruit_form.elements;
var result = '';
for (var i = 0; i < formElements.length; ++i) {
var element = formElements[i];
if (element.type == 'checkbox' && element.checked) {
result += document.getElementById('a_' + element.id.slice(2))
+ '\n';
}
}
formElements.output.value = result;
}