<html>
<head>
<title>Sample</title>
<style type="text/css">
input {margin-left:1em;}
</style>
<script type="text/javascript">
<!--//
function createCheckboxRange() {
var frmObj = document.getElementById('chkForm');
var elCollection = frmObj.getElementsByTagName('input');
var _start = -1;
for (var loop=0; loop < elCollection.length-1; loop++) {
if (elCollection[loop].checked && _start == -1) {
_start = loop + 1;
break;
}
}
var _end = -1;
for (var loop=elCollection.length-1; loop >= 0; loop--) {
if (elCollection[loop].checked && _end == -1) {
_end = loop + 1;
break;
}
}
if (_start > -1 && _end > -1) {
for (var loop=_start; loop < _end; loop++)
elCollection[loop].checked = true;
}
}
//-->
</script>
</head>
<body>
<form id="chkForm">
<input type="checkbox" name="chk_1" id="chk_1" value="1" onclick="createCheckboxRange()" /><label for id="chk_1">1</label>
<input type="checkbox" name="chk_2" id="chk_2" value="2" onclick="createCheckboxRange()" /><label for id="chk_2">2</label>
<input type="checkbox" name="chk_3" id="chk_3" value="3" onclick="createCheckboxRange()" /><label for id="chk_3">3</label>
<input type="checkbox" name="chk_4" id="chk_4" value="4" onclick="createCheckboxRange()" /><label for id="chk_4">4</label>
<input type="checkbox" name="chk_5" id="chk_5" value="5" onclick="createCheckboxRange()" /><label for id="chk_5">5</label>
<input type="checkbox" name="chk_6" id="chk_6" value="6" onclick="createCheckboxRange()" /><label for id="chk_6">6</label>
<input type="checkbox" name="chk_7" id="chk_7" value="7" onclick="createCheckboxRange()" /><label for id="chk_7">7</label>
<input type="checkbox" name="chk_8" id="chk_8" value="8" onclick="createCheckboxRange()" /><label for id="chk_8">8</label>
<input type="checkbox" name="chk_9" id="chk_9" value="9" onclick="createCheckboxRange()" /><label for id="chk_9">9</label>
<input type="reset" value="Clear"/>
</form>
</body>
</html>