JavaScript - inhabilitar botón después de pulsarlo

 
Vista:
Imágen de perfil de Erik
Val: 24
Ha aumentado su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

inhabilitar botón después de pulsarlo

Publicado por Erik (7 intervenciones) el 24/07/2020 02:16:45
Estoy requiriendo una función que al pulsar en un botón este quede des-habilitado explico.
Botón #1 pulso en el y este queda des-habilitado.
Botón #2 pulso en el y este queda des-habilitado y el botón #1 se vuelve a habilitar.
La situación es que son 20 botones por lo menos y no doy con el código.
Como siempre agradeceré cualquier respuesta a este mensaje.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Francisco Javier
Val: 98
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

inhabilitar botón después de pulsarlo

Publicado por Francisco Javier (31 intervenciones) el 26/07/2020 12:45:12
Con las propiedades disabled y remover de j query.


1
2
$("input").attr('disabled','disabled')
$("input").removeAttr('disabled','disabled')
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Erik
Val: 24
Ha aumentado su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

inhabilitar botón después de pulsarlo

Publicado por Erik (7 intervenciones) el 27/07/2020 01:05:41
Agradezco la respuesta..
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

inhabilitar botón después de pulsarlo

Publicado por ScriptShow (692 intervenciones) el 26/07/2020 14:40:50
Saludos,

podemos ver una opción ampliable y compatible:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
var p=null;
function test(e) {
if (p != null) p.disabled=false;
p=e;
e.disabled=true;
}
</script>
 
<input type="button" onfocus="test(this)" value="Botón #1">
<input type="button" onfocus="test(this)" value="Botón #2">
<input type="button" onfocus="test(this)" value="Botón #3">
<input type="button" onfocus="test(this)" value="Botón #4">

Etc...

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de Erik
Val: 24
Ha aumentado su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

inhabilitar botón después de pulsarlo

Publicado por Erik (7 intervenciones) el 27/07/2020 01:09:12
Agradezco la respuesta y el código , lo usare, en breve comento mis experiencias..
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Erik
Val: 24
Ha aumentado su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

inhabilitar botón después de pulsarlo

Publicado por Erik (7 intervenciones) el 28/07/2020 00:46:08
Estimado ScriptShow cumple la función al 100% pero, resulta ser que el objeto disparador no es un botón en si, es una imagen que hace las veces de botón, y me estoy quebrando la cabeza en como poner la sintaxis correcta , puesto que desde la imagen no logro el mismo resultado.

Código en imagen para llamar a la función.

1
2
<a href="#top" onClick="carga01()"><img src="../jpg/koryo.jpg">
</a>

Función que realiza el trabajo.

1
2
3
4
5
6
7
function carga01() {
 // document.getElementById("tituloVideo").innerHTML = 'TITULO VIDEO DOS';
  document.getElementById("subTVideo").innerHTML = 'POOMSAE KORYO';
  document.getElementById("mp4_src").src = "../videos/koryo.mp4";
 
  document.getElementById("myVideo").load();
}

Como siempre agradezco tus finas atenciones y quedo en espera de tus acertados comentarios...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

inhabilitar botón después de pulsarlo

Publicado por ScriptShow (692 intervenciones) el 14/08/2020 00:23:02
Saludos, disculpa el retraso en contestar.

La forma más sencilla y compatible sería:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
var p=null;
function test(e) {
if (p != null) p.disabled=false;
p=e;
e.disabled=true;
}
</script>
 
<input type="image" src="img1.jpg" width="48" height="48" onfocus="test(this)" value="Botón #1">
<input type="image" src="img2.jpg" width="48" height="48" onfocus="test(this)" value="Botón #2">
<input type="image" src="img3.jpg" width="48" height="48" onfocus="test(this)" value="Botón #3">
<input type="image" src="img4.jpg" width="48" height="48" onfocus="test(this)" value="Botón #4">

Por aquí, como 2K Code hice algo relacionado con Vídeo...

https://www.lawebdelprogramador.com/codigo/JavaScript/4986-Multi-Video-Player.html

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de Erik
Val: 24
Ha aumentado su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

inhabilitar botón después de pulsarlo

Publicado por Erik (7 intervenciones) el 14/08/2020 20:32:42
Gracias ejecuto y comento...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar