hey guys
i am working on a web based project using jsp. In my project 1 am having 9 check boxes in 3 rows in the same form. I want to select 1 check box from each row and also i want to avoid many check box selected in the same row. How can i get this one working?
Can anyone help me
Hi Friend,
Try this:
<script> function checkBoxValidate1(cb) { for (j = 0; j < 3; j++) { if (eval("document.myform.ckbox1[" + j + "].checked") == true) { document.myform.ckbox1[j].checked = false; if (j == cb) { document.myform.ckbox1[j].checked= true; } } } } function checkBoxValidate2(cb) { for (j = 0; j < 3; j++) { if (eval("document.myform.ckbox2[" + j + "].checked") == true) { document.myform.ckbox2[j].checked = false; if (j == cb) { document.myform.ckbox2[j].checked= true; } } } } function checkBoxValidate3(cb) { for (j = 0; j < 3; j++) { if (eval("document.myform.ckbox3[" + j + "].checked") == true) { document.myform.ckbox3[j].checked = false; if (j == cb) { document.myform.ckbox3[j].checked= true; } } } } </script> <BODY> <form name=myform> <table> <tr><td>Selection 1<input type="checkbox" name="ckbox1" onClick="javascript:checkBoxValidate1(0)"></td><td>Selection 2<input type="checkbox" name="ckbox1" onClick="javascript:checkBoxValidate1(1)"></td><td>Selection 3<input type="checkbox" name="ckbox1" onClick="javascript:checkBoxValidate1(2)"></td></tr> <tr><td>Selection 4<input type="checkbox" name="ckbox2" onClick="javascript:checkBoxValidate2(0)"></td><td>Selection 5<input type="checkbox" name="ckbox2" onClick="javascript:checkBoxValidate2(1)"></td><td>Selection 6<input type="checkbox" name="ckbox2" onClick="javascript:checkBoxValidate2(2)"></td></tr> <tr><td>Selection 7<input type="checkbox" name="ckbox3" onClick="javascript:checkBoxValidate3(0)"></td><td>Selection 8<input type="checkbox" name="ckbox3" onClick="javascript:checkBoxValidate3(1)"></td><td>Selection 9<input type="checkbox" name="ckbox3" onClick="javascript:checkBoxValidate3(2)"></td></tr> </form>
Thanks
Ads