<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<html lang="en">
<head>
<title>checkbox disabling</title>
<script type="text/javascript">
function disableHandler (form, inputName) {
var inputs = form.elements[inputName];
for (var i = 0; i < inputs.length; i++) {
var input = inputs[i];
input.onclick = function (evt) {
if (this.checked) {
disableInputs(this, inputs);
}
else {
enableInputs(this, inputs);
}
return true;
};
}
}
function disableInputs (input, inputs) {
for (var i = 0; i < inputs.length; i++) {
var currentInput = inputs[i];
if (currentInput = input) {
currentInput.disabled = true;
}
}
}
</script>
</head>
<body>
<form name="aForm" action="">
<p>
<label>
Blue
<input type="checkbox" name=details[] value="blue">
</label>
<label>
Green
<input type="checkbox" name=details[] value="green">
</label>
<label>
Red
<input type="checkbox" name=details[] value="red">
</label>
</p>
</form>
<script type="text/javascript">
disableHandler(document.forms.aForm, 'details[]');
</script>
</body>
</html>
Tha above code is running…but i want some modification in this code…such that…
when i select some checkboxes and submit this form…and when we again goes to this page via request/responce from web server, it should display previoue checked checkboxs as disabled.and remaining checkboxes as enabled.
I have stuck this problem from last 2 days…so please, help me out.
Thank you for your help in advance