controllo checkbox

[jet]

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!

    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>

[cavicchiandrea]

A parte il fatto che si potrebbe sintetizzare il tutto, quale sarebbe il problema?
Riporta solo l'esenziale cosa deve fare box1 e cosa box2, altrimenti diventa difficile capirti.

[jet]

Lo so che il mio lavoro è grezzo a dir poco! Con javascript vado ad intuito;

- box1 deve aprire un iframe con la sua variabile;
- box2 deve invece aprire lo stesso iframe senza la variabile;

box1 al click deve far posto a box2 e viceversa; inoltre box1 deve visualizzare un suo testo;

nell'iframe effettuo una select con gli eventuali filtri che recupero.

[jet]

Appena trovato... funge, con true il display della sub1, altrimenti all'apertura della pagina non appare nessun checkbox, ovviamente

<div style="display:true;" id="sub1">

ma non capisco come posso evitare questo inconveniente:
la sub2 che appare dopo il click sulla sub1 dovrebbe essere flaggata. Invece non lo è.

function togglebis(checkbox){
if(checkbox.value=='1'){document.getElementById('sub1').style.display='none'; document.getElementById('sub2').style.display='block';
document.getElementById('dsp1').style.display ='block';
}
else if(checkbox.value=='2'){document.getElementById('sub2').style.display='none';document.getElementById('sub1').style.display='block';
document.getElementById('dsp1').style.display ='none';
}
}

[cavicchiandrea]

Prova cosi:

function mioCheckId(box){ 
        if (document.getElementById(box).checked){
document.getElementById('dsp12').style.display =  'block';
document.getElementById('dsp11').style.display =  'none';
}else{
document.getElementById('dsp12').style.display =  'none';
document.getElementById('dsp11').style.display =  'block';
}

        if (document.getElementById(box).checked){
document.getElementById('dsp12').style.display =  'none';
document.getElementById('dsp11').style.display =  'block';
}else{
document.getElementById('dsp12').style.display =  'block';
document.getElementById('dsp11').style.display =  'none';
}
}
<div id="dsp11"><input name="agricolture" type="checkbox" value="1" id="cbox01" class="input-text" onclick="cbCheckId(this.id);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(this.id);document.gall.location.href='gall.aspx';" /></div>
<span>Agriculture</span></label></span>

[jet]

Grazie.
Dunque, al primo click va, poi ho sempre un click nullo e poi va; non so se mi sono spiegato. Dopo il primo click apre la pagina col filtro, poi ci vuole sempre un click vuoto.

[jet]

Per il momento ho risolto così:

function togglebis(checkbox){
if(checkbox.value=='1'){
document.getElementById('sub1').style.display='none';
document.getElementById('sub2').style.display='block';
document.getElementById('cbox011').checked=true;

document.getElementById('dsp1').style.display ='block';
}
else if(checkbox.value=='2'){
document.getElementById('sub2').style.display='none';
document.getElementById('sub1').style.display='block';
document.getElementById('cbox01').checked=false;

document.getElementById('dsp1').style.display ='none';
}
}


<div style="display:true;" id="sub1"><input name="agricolture" type="checkbox" value="1" id="cbox01" class="input-text" onclick="togglebis(this);document.gall.location.href='gall.aspx?s1=agricolture';" /></div> 
<div id="sub2" style="display:none"><input name="agricolture" type="checkbox" value="2" id="cbox011" class="input-text" onclick="togglebis(this);document.gall.location.href='gall.aspx';" /></div>

funge anche il checked!
Ho tuttavia una serie definita di checkbox che hanno però le stesse caratteristiche.
Mi accingo a terminare il lavoro, ma sarebbe possibile farlo senza troppo codice?