Help needed regarding radio button

Question

Hi,
I am new to oracle apex and am building some pages.I came across a problem which can be described as follows...
I have a form in which there are check boxes(p1_item1,p1_item2.....p1_item10), what i am tryng to do is when the user clicks the first check box(p1_item) then all of the other checkboxes must be deselected( if any of them are selected before)and if the user clicks any of the remaining checkboxes then the first check box must get deselected if it was selected before.i want this to be do this dynamically before the submit button.
i tried several things and was not successful. If any one can direct me through the steps i will be thankful.Thanks in advance.
Sai

Answer 1

user583282,
Please update your profile to include a user-friendly name... makes it easier to communicate.
I have a report that needed something pretty much identical to your form need.
The code was modified from Sergio's blog. Feel free to modify it to suit your needs.
This code can go in the header of your region...
<script type="text/javascript">
    function ToggleAll(e)  {
             if (e.name == "f10") {
                if (e.checked) {
                   ClearAll();
             else {
                ClearF10();
    function Check(e) {
             e.checked = true;
    function Clear(e) {
             e.checked = false;
    function ClearAll() {  
             var ml = document.wwv_flow;   
             var len = ml.elements.length; 
             for (var i = 0; i < len; i++)  {     
                  var e = ml.elements;
if (e.name == "f01") {
Clear(e);
ml.f01.checked = false;
function ClearF10() {
var ml = document.wwv_flow;
var len = ml.elements.length;
for (var i = 0; i < len; i++) {     
var e = ml.elements[i];
if (e.name == "f01") {
Clear(0);
ml.f10.checked = false;
</script>
For the "Main" checkbox, paste this into the Label of the item:
<input type="checkbox" name="f10" value="" onclick="ToggleAll(this)">For each of the other items, past this into the Label of the item:
<input type="checkbox" name="f01" value="" onclick="ToggleAll(this)">NOTE the f10 versus f01.
What will (should) happen is when you check the "Main" checkbox (f10) it should clear all of the the "Other" item checkboxes (f01) and when you check any of the "Other" checkboxes then it should clear the "Main" checkbox.
There may be a better or more efficient way so if anyone else has some input here I won't take any offence...
Cheers,
Mike