I have four check box.
When ever we select any check box all previous check box must be selected.
for example, if we select 3rd check box then 1 and 2 must be automatically selected.
DOes any one have Idea how to implement in java script.
I did it in JSP but for that I have to submit page once which I dont want. So I feel it can be done in java script.
Any Scriplet will be highly appreciated.
Aniketh
function selectCheck() {
If (document.getElementById("check4").checked=true) {
document.getElementById("check3").checked=true;
document.getElementById("check2").checked=true;
document.getElementById("check1").checked=true;
}
else If (document.getElementById("check3").checked=true) {
document.getElementById("check2").checked=true;
document.getElementById("check1").checked=true;
}
else If (document.getElementById("check2").checked=true) {
document.getElementById("check1").checked=true;
}
else If (document.getElementById("check1").checked=true) {
document.getElementById("check3").checked=false;
document.getElementById("check2").checked=false;
document.getElementById("check1").checked=false;
}
}
function selectCheck() {
If (document.getElementById("check4").checked=true) {
document.getElementById("check3").checked=true;
document.getElementById("check2").checked=true;
document.getElementById("check1").checked=true;
}
else If (document.getElementById("check3").checked=true) {
document.getElementById("check2").checked=true;
document.getElementById("check1").checked=true;
}
else If (document.getElementById("check2").checked=true) {
document.getElementById("check1").checked=true;
}
else If (document.getElementById("check1").checked=true) {
document.getElementById("check3").checked=false;
document.getElementById("check2").checked=false;
document.getElementById("check1").checked=false;
}
}
--
<input type="checkbox" name="view1" value="staff" id="check1" onclick="return selectCheck();" />Staff
<input type="checkbox" name="view2" value="project Director" id="check2" onclick="return selectCheck();" />Project Direcor
<input type="checkbox" name="view3" value="editor" id="check3" onclick="return selectCheck();" />Editor
<input type="checkbox" name="view4" value="faculty developer" id="check4" onclick="return selectCheck();" />Faculty Developer
I tried with onclick as well as onselect.
When o tried with onclick, the errors written at the bottom on Mozilla keeps on increasing
Can you please help me with it
I made that changes still not working friend.
Also I tried
if (document.getElementById("check4").checked==true){
...
.
}
double equal.
Still not working.
Please help me out.
