Ho un ckeckbox 'cbox01' che se cliccato deve nascondersi a favore del 'cbox011'; riporto il mio lavoro, ma non va. Il checkbox 'cbox011' si vede solo dopo il primo click di 'cbox01', poi è solo quest'ultimo a farla da padrone!


codice:
    function mioCheckId(){
        mioObj1 = document.getElementById('cbox01');
        mioObj11 = document.getElementById('cbox011');
 
        if (mioObj1.checked)

                      document.getElementById('dsp12').style.display =  'block';
        else
                      document.getElementById('dsp12').style.display =  'none';

        if (mioObj1.checked)

                      document.getElementById('dsp11').style.display =  'none';
        else
                      document.getElementById('dsp11').style.display =  'block';


        if (mioObj11.checked)

                      document.getElementById('dsp12').style.display =  'none';
        else
                      document.getElementById('dsp12').style.display =  'block';

        if (mioObj11.checked)

                      document.getElementById('dsp11').style.display =  'block';
        else
                      document.getElementById('dsp11').style.display =  'none';




<div id="dsp11"><input name="agricolture" type="checkbox" value="1" id="cbox01" class="input-text" onclick="cbCheckId();document.gall.location.href='gall.aspx?s1=agricolture';" /></div> 
<div id="dsp12" style="display:none"><input name="agricolture" type="checkbox" value="1" id="cbox011" class="input-text" onclick="cbCheckId();document.gall.location.href='gall.aspx';" /></div>
<span>Agriculture</span></label></span>