Problema di attivazione/disattivazione radio button

mrzpro

Nuovo Utente
8 Nov 2009
11
0
1
Buongiorno a tutti,
il mio problema è il seguente:
ho il seguente listato con tre checkbox che includono 3 radio button:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

 <head>
</head>
<body>

<form post="desideri" action="">
<input type="checkbox" name="idea" id="idea" onClick="mod1(elemento1);/> <label for="idea"><span class="titolo_form">Idea</span></label><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<input type="radio" name="radio_a" value="uno" checked/> <label for="sing">1</label><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="radio_a" value="due" /> <label for="appart">2</label>
</form>



<!-- ================================================================ -->
<input type="checkbox" name="scelta" id="scelta" /> <label for="scelta"><span class="titolo_form">Prima scelta</span></label><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<input type="radio" name="arc" id="a" checked/> <label for="a">A</label><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="arc" id="b" /> <label for="b">B</label> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="arc" id="c" /> <label for="c">C</label><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="arc" id="d" /> <label for="d">D</label>
<br />


<input type="checkbox" name="scelta2" id="scelta2" /> <label for="scelta2"><span class="titolo_form">Scelta Due</span></label><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<input type="radio" name="det" id="a1" checked/> <label for="a1">A1</label><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="det" id="b1" /> <label for="b1">B1</label> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="det" id="c1" /> <label for="c1">C1</label><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="det" id="d1" /> <label for="d1">D1</label>

 </body>
 </html>

Chiaramente così com' è è tutto attivo e selezionabile.
Il mio problema è quello di rendere selezionabili i Radio button solo se è stata selezionata la check box relativa....
Vi ringrazio per l' aiuto
mrzpro
 
Ultima modifica di un moderatore:

mrzpro

Nuovo Utente
8 Nov 2009
11
0
1
scusa alessandro1997, come hai letto sono "nuovo" puoi, per favore, spiegarmi?
grazie
mrzpro:crying:
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,potresti provare cosi
HTML:
<script type="text/javascript">
    function mostra(valore,elemento) {
        if(valore)
            document.getElementById(elemento).style.display = "inline";
        else
            document.getElementById(elemento).style.display = "none";
    }
</script>
<style type="text/css">
    #elemento1 {
        display: none;
    }
</style>
<form action="">
    <input type="checkbox" name="idea" id="idea" onchange="mostra(this.checked,'elemento1')"/> 
    <label for="idea"><span class="titolo_form">Idea</span></label><br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <div id="elemento1">
        <input type="radio" name="radio_a" value="uno" checked="checked"/> 
        <label>1</label><br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="radio" name="radio_a" value="due" /> 
        <label>2</label>
    </div>
</form>
ho testato solo su firefox ed è la prima cosa che mi è venuta in mente
mentre per la formattazione del codice consigliata da Alessandro devi racchiuderlo trai tag presenti sulla barra di formattazione come da immagine

tag.png
 

mrzpro

Nuovo Utente
8 Nov 2009
11
0
1
Grazie criric, proverò immediatamente e ti farò sapere se OK....
Per quanto riguarda i tag, non vorrei insistere ma, sono presenti esattamente nell' ordine <html><head></head><body></body><html> e a parte te non
ho ricevuto chiarimenti quindi se è come dici tu.... i tag ci sono.

grazie di nuovo
mrzpro:hammer:
 

Longo8

Utente Attivo
28 Mar 2011
1.694
0
36
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
<script>
function ciao(name){
    if(name==="idea"){
        if(document.getElementById("1").disabled===true){
            document.getElementById("1").disabled=false;
            document.getElementById("2").disabled=false;
        }
        else{
            document.getElementByName("1").disabled=true;
            document.getElementById("2").disabled=true;
        }
    }else if(name==="scelta"){
        // (dis)abilita a,b,c,d
    }else if(name==="scelta2"){
        // (dis)abilita a1,b1,c1,d1
        if(document.getElementById("a1").disabled===true){
            document.getElementById("a1").disabled=false;
            document.getElementById("b1").disabled=false;
            document.getElementById("c1").disabled=false;
            document.getElementById("d1").disabled=false;
        }else{
            document.getElementById("a1").disabled=true;
            document.getElementById("b1").disabled=true;
            document.getElementById("c1").disabled=true;
            document.getElementById("d1").disabled=true;
        }
    }
}
</script>
</head>
<body>

<form post="desideri" action="">
<input type="checkbox" name="idea" id="idea" onClick="ciao('idea');" /> <label for="idea"><span class="titolo_form">Idea</span></label><br />
 
<input type="radio" name="radio_a" value="uno" id="1" disabled/> <label for="sing">1</label><br />
<input type="radio" name="radio_a" value="due" id="2" disabled/> <label for="appart">2</label><br />

 
<!-- ================================================================ -->
<input type="checkbox" name="scelta" id="scelta" onClick="ciao('scelta');"/> <label for="scelta"><span class="titolo_form">Prima scelta</span></label><br />

<input type="radio" name="arc" id="a" disabled/> <label for="a">A</label><br />
<input type="radio" name="arc" id="b" disabled/> <label for="b">B</label> <br />
<input type="radio" name="arc" id="c" disabled/> <label for="c">C</label><br />
<input type="radio" name="arc" id="d" disabled/> <label for="d">D</label>
<br />
 
 
<input type="checkbox" name="scelta2" id="scelta2" onClick="ciao('scelta2');"/> <label for="scelta2"><span class="titolo_form">Scelta Due</span></label><br />
 
<input type="radio" name="det" id="a1" disabled/> <label for="a1">A1</label><br />
<input type="radio" name="det" id="b1" disabled/> <label for="b1">B1</label> <br />
<input type="radio" name="det" id="c1" disabled/> <label for="c1">C1</label><br />
<input type="radio" name="det" id="d1" disabled/> <label for="d1">D1</label>
 </form>
 
 </body>
 </html>
Io avevo pensato a qualcosa del genere: è molto più lungo come vedi (credo si possa "semplificare" qualcosa) ma disabilita solo i radio-button e, pur facendoli vedere, li rende "non cliccabili". Ovviamente poi ti serve sempre un controllo lato server.
Per SCELTA dovresti fare la stessa cosa di SCELTA2. L'ho provata solo per una tanto basta sostituire a1,b1... con a,b..

Per quanto riguarda i tag criric e ale non si riferiscono ai tag nel codice ma a quelli per formattarlo (detta in parole povere per farlo uscire nel quadrato che vedi sopra dove ti ho postato il codice fatto da me..se non formatti si vede tutto come il testo che stai leggendo ora e non sarebbe molto chiaro se confondiamo codice e testo).
 

mrzpro

Nuovo Utente
8 Nov 2009
11
0
1
Un grazie a tutti per l' aiuto!!!
Longo8 mi sembra (?) di capire allora che si parla di indentazione più che di Tag o sbaglio?
:hammer:
 

Longo8

Utente Attivo
28 Mar 2011
1.694
0
36
Non so più come spiegarlo senza ripetere ciò che è stato già detto.
Guarda l'immagine di criric e le varie spiegazioni che ti abbiamo dato.
Per quanto riguarda il problema: é stato risolto?
 

mrzpro

Nuovo Utente
8 Nov 2009
11
0
1
Si i listati funzionano devo solo "accomodarli" per quello che voglio esattamente fare.
Un grazie a tutti per l' aiuto!!!
e a Longo8 anche per la pazienza!!!
grazie
mrzpro
 
Discussioni simili
Autore Titolo Forum Risposte Data
S Problema Attivazione camera ip Hikvision IP Cam e Videosorveglianza 0
annisdesigner problema attivazione mail PHP 1
S attivazione Photoshop...problema! Photoshop 0
K Problema form update PHP 2
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
S Problema nel ciclare un json Javascript 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
K Problema Inner join PHP 1
F firefox problema http Linux e Software 0
N Problema con position absolute e overflow HTML e CSS 4
E Problema jquery Success jQuery 2
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
E problema selezione sfumata Photoshop 2
K [PHP] Problema con variabili concatenate. PHP 1
A Problema filtro fluidifica Photoshop Photoshop 1
H Problema Bordi Scontorno Photoshop 1
O problema con query PHP 4
R Problema installazione Realtek WiFi USB rtl8821 Reti LAN e Wireless 0
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
Y Problema percorso file in rete PHP 1
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
P Problema acquisizione clienti Webdesign e Grafica 1
F NetBeans problema creazione progetto Java Windows e Software 0
M Problema con Try Catch PHP 0
C problema seo + cerco esperto SEO e Posizionamento 11
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6

Discussioni simili