getElementById su piu id(Risolto)

BlackPr

Nuovo Utente
24 Apr 2020
4
0
1
Salve a tutti, sono neofita sul javascript.
Vi pongo una domanda che sicuramente per vosi sarà banale, ma per me non trovo soluzione.
Questo codice è un esempio di quello che voglio fare:

JavaScript:
<input type="checkbox" id="demo" onclick="myFunction()" value="A">
<input type="checkbox" id="demo" onclick="myFunction()" value="B">
<p id="s">Valore</p>

<script>
function myFunction() {
  var x = document.getElementById("demo").value;
  document.getElementById("s").innerHTML = x;
}
</script>

Praticamente se io clicco nel primo "checkbox" mi restituisce "A" e ok, se clicco sul secondo mi da sempre "A". Come faccio a restituire "B"?
 

Tommy03

Utente Attivo
6 Giu 2018
616
58
28
20
Vicenza
Ciao, devi dare id diversi ai due campi e con la stessa class. E Poi devi utilizzare getElementByClassName al posto di getElementById.
In alternativa puoi passare un parametro nella funzione, ad esempio myFunction('A')
 

BlackPr

Nuovo Utente
24 Apr 2020
4
0
1
Ho provato con getElementByClassName ma non funziona e dalla Console del Browser mi dice

Uncaught TypeError: document.getElementByClassName is not a function
at myFunction (prova.html:23)
at HTMLInputElement.onclick (prova.html:18)

JavaScript:
<input type="checkbox" name="prova" id="demo1" onclick="myFunction()" value="A">
<input type="checkbox" name="prova" id="demo2" onclick="myFunction()" value="B">
<input type="checkbox" name="prova" id="demo3" onclick="myFunction()" value="C">
<p id="s">Valore</p>

<script>
function myFunction() {
 var x = document.getElementByClassName("prova").value
     document.getElementById("s").innerHTML = x;
}

</script>
 

Tommy03

Utente Attivo
6 Giu 2018
616
58
28
20
Vicenza
Scusa avevo sbagliato a scrivere la funzione si chiama getElementsByClassName.
Nel tuo caso comunque credo sia più semplice così:
HTML:
<input type="checkbox" name="prova" id="demo1" onclick="myFunction('A')" value="A">
<input type="checkbox" name="prova" id="demo2" onclick="myFunction('B')" value="B">
<input type="checkbox" name="prova" id="demo3" onclick="myFunction('C')" value="C">
<p id="s">Valore</p>

<script>
function myFunction(lettera) {
  document.getElementById("s").innerHTML = lettera;
}

</script>
 

BlackPr

Nuovo Utente
24 Apr 2020
4
0
1
Scusa avevo sbagliato a scrivere la funzione si chiama getElementsByClassName.
Si poi mi sono accorto, ma poi mi restituisce "undefined".


HTML:
<input type="checkbox" name="prova" id="demo1" onclick="myFunction('A')" value="A">
<input type="checkbox" name="prova" id="demo2" onclick="myFunction('B')" value="B">
<input type="checkbox" name="prova" id="demo3" onclick="myFunction('C')" value="C">
<p id="s">Valore</p>

<script>
function myFunction(lettera) {
document.getElementById("s").innerHTML = lettera;
}

</script>
Così funziona, grazie ;)
Ma ora però, solo per curiosità, mi sai dire perchè con getElementsByClassName mi resituisce "undefined"?
 

Tommy03

Utente Attivo
6 Giu 2018
616
58
28
20
Vicenza
Credo perché con getElementsByClassName bisogna aggiungere dopo l'elemento a cui è riferito (nel tuo caso "prova") la scrittura [0] (0 indica il primo elemento della pagina con quella classe, 1 il secondo, ecc.)
Ad esempio:
HTML:
getElementsByClassName("prova")[0]
Però usando Jquery in realtà non ne sono sicuro perché non l'ho mai utilizzato
 
  • Like
Reactions: BlackPr

mihirmane

Nuovo Utente
24 Apr 2020
1
0
1
Find and hire best top models, singers, influencers with good followers and celebrities managers for work. Hire freelance models, freelance singers, freelance male or female actress in India.
acting auditions
 

sonusood2022

Nuovo Utente
1 Nov 2021
6
0
1
The Linux Foundation Certified Engineer (LFCE) is the subject matter expert for the next generation of system engineering professionals. They are involved in the repairing, maintenance and designing of Linux based enterprise network solution to the organization.

Best Linux Certification
 
Discussioni simili
Autore Titolo Forum Risposte Data
R getElementById() Javascript 4
gandalf1959 [Javascript] document.getElementById non funziona come mi aspetto Javascript 4
C if dentro document.getElementById("").innerHTML Javascript 1
M Problema con getElementById Javascript 5
L sostituzione contenuto diversi div con document.getelementbyid Javascript 1
L document.getElementById .textContent o altro? Javascript 6
F problemi con $.each(data, function(i,item) e getElementById("livello").innerHTML= Javascript 0
C document.getElementById("xxxxx").innerHTML iterato con un for Javascript 11
Shyson Richiamare 2 getElementById uguali Javascript 0
Shyson getElementById o document.write? Javascript 3
S Ajax getElementById Ajax 7
O problema recupero valore con getElementById Ajax 0
G getelementbyid in php? PHP 1
H problemi con onmouseover e GetElementById Javascript 1
S WORDPRESS NON FA INSTALLARE PIU NULLA WordPress 9
V Hosting piu' adatto Hosting 0
L Scmporre una foto dotata di varie immagini in piu layer Photoshop 2
D [MS Access] Piu' maschere con una sola tabella dati... MS Access 0
trattorino [Javascript] onclick su piu div insieme Javascript 1
J VENDO ACCOUNT FACEBOOK 1200 amici per lo piu' stranieri Compravendita siti e domini 0
P [Visual Basic] Copiare file piu' grandi di 2 gb in vb6 senza usare filecopy,usando get e put Visual Basic 6
A [PHP] Inviare mail con piu immagini allegate PHP 6
D [Photoshop] aggiungere piu tracce a immagine Photoshop 4
bubino8 [PHP] Select multipla su piu tabelle PHP 3
T4MAR4 [PHP] piu select in ricerca PHP 1
T4MAR4 [PHP] ricercare età con piu campi PHP 2
T4MAR4 [PHP] Inserire piu campi di ricerca PHP 2
trattorino [PHP] Eliminare piu frasi PHP 1
X [Apache] Server non piu accessibile dall'esterno Apache 0
trattorino [PHP] Unire a una query piu tabelle PHP 7
A Funzione POST o PUT e piu' variabili Sviluppo app per Android 1
G [Vendo] Diversi Blog piu' temi Compravendita siti e domini 1
M Non arrivano piu mail aiuto SEO e Posizionamento 4
S pagina news con inserimento di piu immagini PHP 0
I unire piu tabelle con gli stessi dati PHP 1
Z piu form piu allegati PHP 0
A Raggruppare piu' funzioni in una sola PHP 1
F Vendesi pagina comica con piu' di 100.000 fan Annunci servizi di Social Media Marketing 5
T Connessione a piu database Java 0
gandalf1959 my sql query, ORDER BY su piu campi MySQL 2
S Aggiornare campo in base a timestamp meno recente fra piu tabelle PHP 2
M Dividere su piu pagine un articolo lungo prelevato da db. jQuery 0
K Popolare select con piu campi in orizzontale PHP 1
M Ciclare piu query PHP 0
M Ciclare piu query MySQL 0
M Unire piu funzioni di una classe PHP 12
F [risolto] z-index su piu div HTML e CSS 2
N [Vendo]Visualizzazioni Youtube - i Prezzi piu bassi del web Annunci servizi di Social Media Marketing 4
G Dopo aver scaricato e installato Windows MovieMaker non entro piu in internet Adsl e Connettività 3
G ricerca dinamica con piu campi PHP 7

Discussioni simili