JQuery + checkbox

[Smr 0]

Pessoal eu fiz uma listagem em php para poder excluir vários registros com checkbox's, para cada item tem 1 checkbox....

 

Ai eu queria fazer uma verificação ao usuário clicar em excluir....

 

 

Queria que se tivesse 1 ou mais checkbox's clicados ele apareceria um janela de confirmação.... (Você deseja realmente excluir esses item(ns)?)

clicando em sim ele continuava, se não cancelaria.....

 

Se não tivesse nenhum selecionado mandava uma mensagem assim: (Você deve selecionar algum registro para excluir!)...

 

 

Preferiria fazer com jquery, mais se me falarem uma solução com javascript puro ja serve.

 

Obs.: o id do campo é o mesmo para todos -> idDel

[Smr 0]

Ae pessoal consegui resolver....

 

Fiz em javascript puro mesmo....

 

Ai vai:

function validar()
	{
	
		valida = false;
		
		for(i = 0; i < document.frmDelClass.elements.length; i++)
		{
		
			if(document.frmDelClass.elements[i].type == "checkbox") {
			
				if(document.frmDelClass.elements[i].checked)
				{
				
					valida = true;
			
				}
			
			}
		
		}
		
		if(valida == true)
		{
		
			if (confirm("Você deseja excluir os registros selecionados?"))
			{
			
				document.frmDelClass.submit();
			
			}
		
		}else
		{
		
			alert("Você deve selecionar ao menos 1 registro!");
		
		}
		
	}

Pessoal ta facinho de intender, se alguem não intender, posta ae....

[berkowitz 2]

Bom cara... com jQuery eu resolveria assim:

 

<script language="javascript" type="text/javascript">
//<![CDATA[
	function teste() {
		var ok = 0;
		$("INPUT[@type=checkbox]").each(function() {
			if(this.checked) ok++;
		});
		
		if(ok==0) return false;
	};
//]]>
</script>
...
<form id="form1" name="form1" method="post" action="java script:alert('validou');" onsubmit="return teste();">
  <input type="checkbox" name="checkbox" value="checkbox" id="checkbox" />
  <label for="checkbox">OI</label>
  <p>
	<input type="checkbox" name="checkbox2" value="checkbox" id="checkbox2" />
	<label for="checkbox2">OI</label>
</p>
  <p>
	<input type="checkbox" name="checkbox3" value="checkbox" id="checkbox3" />
	<label for="checkbox3">OI</label>
</p>
  <p>
	<input type="checkbox" name="checkbox4" value="checkbox" id="checkbox4" />
	<label for="checkbox4">OI</label>
</p>
  <p>
	<input type="checkbox" name="checkbox5" value="checkbox" id="checkbox5" />
	<label for="checkbox5">OI</label>
</p>
  <p>
	<input type="submit" name="Submit" value="Validar" />
  </p>
</form>

Veja se é isso o que você queria...

 

ABRAX!!

[hunternh 2]

Não repita os ids use o nome dos elementos, abaixo como fazer com jQuery:

 

if(jQuery("input[@name='chkExcluir[]']:checked").length > 0)
{
	if(confirm("Deseja excluir o(s) registro(s)?"))
	{
		executar o envio...
	}
}
else
	alert("Nenhum registro selecionado.");

[Smr 0]

Hmm pessoal..... vlw, vou testar depois eu posto aqui...

 

 

Cada vez que passa eu amo ainda mais o jquery...

 

Para fazer com js puro eu usei 17 linhas... com jquery não vai nem 7.