Publicado em 11 de jul.

Duvidas em JS

AMIGOS, ESTOU TENTANDO APRENDER A LINGUAGEM, O CODIGO É SIMPLES. TENHO UM CHECKBOX e QUERO Verificar se ele se encontra Marcado. ESTOU USANDO O FOR E QUERO QUE O RESULTADO SEJA EXIBIDO EM UM ALERTA DIZENDO CHECK MARCADO OU CHECK DESMARCADO. SEGUE O CÓDIGO. NAO SEI ONDE COLOCAR O ELSE.

<!DOCTYPE HTML>

<html>
<body>

<script>

 function obterMarcados()
 {
 alert( 'Estamos dentro da função obter Marcados!' );
 var listaMarcados = document.getElementsByName("checkbox1");

 if (checkBox1.checked == true)
 {

 for (loop = 0; loop < listaMarcados.length; loop++)
 {
 var item = listaMarcados[loop];
 if (item.type == "checkbox" && item.checked)
 {
 alert(item.value);
 alert(listaMarcados.length);
 }
 }
 } else alert("Nao existe CheckBox Marcado");
 }

 alert( 'Hello, world 1!' );
</script>
 <p>...After the script.</p>

<form>
 <input type="button" NAME="submit" value="Verificar Marcados" onclick="obterMarcados()">
 <input type="checkbox" name="checkbox1" value="Autocad"> Autocad <br>
</form>

</body>

</html>

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

gabrielms· 12 de jul.

@joao.felipe Bom dia, cara tem tanto erro no seu script que você precisa resolver eles antes de saber aonde colocar o else.

Uma coisa estranha e erada, é como você está colocando os comentários no javascript que é totalmente diferente dos cometário em html.

Para você entender melhor os comentários do javascript possuem duas fomas de serem adicionadas que são, o comentário de uma unica linha e um bloco de comentário.

O comentário de uma unica linha em javascript começa // e qualquer texto entre // e o final da linha será ignorado pelo JavaScript (não será executado).

<script>

// alerta("Eu sou um comentário e eu não vou ser executado");
alerta("Eu não sou um comentário e vou ser executado");

</script>

	 

	O bloco de comentário começa com **/*** e termina com ***/** e qualquer texto entre **/*** e ***/** será ignorado pelo JavaScript.

<script>

	alerta("nós somos um bloco de comentário e eu não vou ser executado");
	alerta("nós somos um bloco de comentário e eu não vou ser executado");
 alerta("nós somos um bloco de comentário e eu não vou ser executado");
 alerta("nós somos um bloco de comentário e eu não vou ser executado");

alerta("Eu não sou um comentário e vou ser executado");

</script>

	 

	Outro erro que eu encontrei é que você não utiliza o retorno do método **getElementsByName()** e tenta acessar de uma forma erada, o método **getElementsByName() **vai sempre retorna uma lista(array) com todos os elementos com o nome(name) especificado ou ele retorna uma lista(array) vazio, o erro está no if, você tenta acessar a propriedade checked de um variável que não existe, e essa propriedade é de um elemento do type(checkbox), serial ideal você nesse if verificar se existe algum elemento destro dessa lista, para isso basta verificar a propriedade length.

	 

	Essa propriedade da lista(array) vai retorna o valor de quantos elementos a dentro dela, caso não haja nenhum elemento, ela retorna o valor 0.

	 

if (listaMarcados.length > 0)

{

}

Vou deixa um código de exemplo de como ficária o código corrigido:

<!DOCTYPE html>

<html>
<body>

<script>
 /******************************************/
 function obterMarcados()
 {
 var numeros = 0;
 var listaMarcados = document.getElementsByName("checkbox1");

	if (listaMarcados.length > 0)
 {

 for (loop = 0; loop < listaMarcados.length; loop++)
 {
 let item = listaMarcados[loop];
 console.log(item.checked)
 if (item.type == "checkbox" && item.checked)
 {
 numeros++;
 alert(item.value);
 alert(listaMarcados.length);

 }
 }
 if (numeros == 0)
 {
 alert("Nenhum CheckBox foi Marcado");
 }

 }
 else
 {
 alert("Nao existe nenhum CheckBox com esse nome(name)");
	}
 }
 /******************************************/
</script>
 <p>...After the script.</p>

<form>
 <input type="button" name="btn" value="Verificar Marcados" onclick="obterMarcados()">
 <input type="checkbox" name="checkbox1" value="Autocad"> Autocad <br>
</form>

</body>
</html>

	 

	Também vou deixar um link de um ótimo site para aprender javascript

	[https://www.w3schools.com/js/default.asp](https://www.w3schools.com/js/default.asp)

joao.felipe· 12 de jul.

5 horas atrás, gabrielms disse:

Excelente amigo, era exatamente o que eu preciso. Sou de Belo Horizonte e preciso de umas aulas em JS. conhece alguém que pode me dar umas aulas particulares?

gabrielms· 13 de jul.

@joao.felipe Pó eu não conheço nenhum professor partícula de javascript, mas eu acho que não sera necessário um professor, já que o conteúdo dáW3 é muito completo, e também existe ótimos cursos de desenvolvimento web, de diversas plataformas online, dá uma olhada nos curso da udemy!

E caso você tenha alguma duvida, publica aqui no fórum do imaster ou no fórum clube do hardware, que eu te ajudo.