[Javascript] Deselezionare checkbox

marco881

Nuovo Utente
23 Gen 2017
1
0
1
33
Salve, ho difficoltà a realizzare uno script che mi deselezioni una checkbox quando l'altra sulla stessa riga è selezionata.

parte javascript
Codice:
    <script type="text/javascript">
        function uncheck1(){
            document.getElementById("check1").checked = true;
            document.getElementById("check2").checked = false;
            document.getElementById("select").disabled = true;
        }
        function uncheck2(){
            document.getElementById("check1").checked = false;
            document.getElementById("check2").checked = true;
            document.getElementById("select").disabled = false;
        }
</script>

questa è la tabella, ho solo inserito due righe per fare un esempio, comunque il risultato finale è nell'immagine seguente
HTML:
<form name="form" action="action.php" method="post">
<table>
<tr>
<td><input type="hidden" value="Carrizo J." name="player[]"/></td>
<td><label>Carrizo J.</label></td>
<td><input id="check1" onclick="uncheck1()" type="checkbox" name="titolare[]" value="0" checked=""/></td>
<td><input id="check2" onclick="uncheck2()" type="checkbox" name="titolare[]" value="1"/></td>
<td>
<select id="select" name="ordine[]">
<option>1</option>
<option>2</option>
</select>
</td>
</tr>
<tr>
<td><input type="hidden" value="Handanovic S." name="player[]"/></td>
<td><label>Handanovic S.</label></td>
<td><input id="check1" onclick="uncheck1()" type="checkbox" name="titolare[]" value="0" checked=""/></td>
<td><input id="check2" onclick="uncheck2()" type="checkbox" name="titolare[]" value="1"/></td>
<td>
<select id="select" name="ordine[]">
<option>1</option>
<option>2</option>
</select>
</td>
</tr>
<tr>
-
-
-
-
</tr>
<tr>
-
-
-
-
</tr>
</table>
</form>

E questo è il risultato
5f7d8d7b9d.png


Così com'è, ovviamente, funziona solo la prima riga, se seleziono la checkbox di destra, quella di sinistra si deseleziona e la select viene abilitata.
Mentre se seleziono quella di sinistra, la checkbox di destra si deseleziona e la select si disabilita.

C'è un modo per poter far fare le stesse cose alle altre 24 righe senza dover scrivere 2 funzioni per ognuna?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, non puoi assegnare lo stesso id a più di un elemento. Ogni id deve essere univoco. Potresti passarlo alla funzione per capire a quale riga ti stai riferendo :
HTML:
<input id="riga1_check1" onclick="uncheck1('riga1')" type="checkbox" name="titolare[]" value="0" checked=""/>
<input id="riga1_check2" onclick="uncheck2('riga1')" type="checkbox" name="titolare[]" value="1"/>
...
<select id="riga1_select" name="ordine[]">
Codice:
function uncheck1(id) {
        document.getElementById(id + "_check1").checked = true;
        document.getElementById(id + "_check2").checked = false;
        document.getElementById(id + "_select").disabled = true;
    }
    function uncheck2(id) {
        document.getElementById(id + "_check1").checked = false;
        document.getElementById(id + "_check2").checked = true;
        document.getElementById(id + "_select").disabled = false;
    }
potevi unsare il radio che prevede una sola scelta
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Upload immagine con javascript problemi con FormData() Javascript 1
L countdown multiplo javascript Javascript 1
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 0
F Creare elementi html con javascript Javascript 4
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
L [Javascript] Problema salvataggio dati in db Javascript 1
max1974 [Javascript] Grafico chartjs con dati da J.ajax Javascript 3
G Quiz Javascript Javascript 4
A [Javascript] Scrittura su più campi contemporaneamente Javascript 19
F classic asp popolare combo box javascript Presentati al Forum 1
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
F [Javascript] comando innerHTML non funziona Javascript 5
alexice51 proggrammi per scrivere in javascript? Javascript 3
max1974 [Javascript] Accordion aria-exspanded Javascript 0
D [Javascript] salvare immagine canvas - paypal Javascript 0
O [Javascript] Conflitto Jquery: forse... Javascript 0
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
D [Javascript] inserire uno script in un file php Javascript 6
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
K [javascript] Tecnica per rilevare celle contenenti caratteri ricevute in dinamico Javascript 1
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
S [Javascript] Problema costrutto if Javascript 0
I [Javascript] window.location.href porta alla nuova pagina e ritorna incomprensibilmente. Javascript 0

Discussioni simili