Como pegar o valor de cada input com ajax

[mgpaon 0]

Bom dia queridos! Estou com um problema em pegar os names de input's do tipo submit diferentes e transmitir esses names por ajax para php. Eu só estou conseguindo pegar um name só, como eu não consegui pegar todos os names eu ainda nem comecei a fazer o ajax. Vocês podem me ajudar???

 

Aqui está o código do form em html, estou usando o Wordpress por isso a função bloginfo está no meio do html

 <form class="controlcards" method="post" action="<?php echo bloginfo('url').'/mesa';?>">
      <input type="submit" name="embaralhar" value="embaralhar" class="deckbutton"/>
      <input type="submit" name="cortar" value="cortar" class="deckbutton"/>
      <input type="submit" name="mostrar" value="mostrar" class="deckbutton"/>
 </form>

Aqui está o código javascript que estou tentando montar

var jq = jQuery;

jq(document).ready( function(){
	//contrutor getAction
			
	function getAction(form){
	   this.url = form.attr('action');
	   this.type = form.attr('method');
	}	
	
	var post = new getAction(jq('.controlcards'));
	
	console.log(post.url);
	console.log(post.type);
				
	//construtor getValue 
			
	function getValue(input){
	   this.name = input.attr('name');
	}
	
	//input name mod onclick
	
	var value = new getValue(jq('.controlcards input'));	
	
	console.log(value.name);

	jq.ajax();	
	return false;
});

Com o resultado do Ajax eu quero fazer algo do tipo no PHP

$action = resultado do name de um dos inputs

switch($action){
    
    case: 'embaralhar':
         //pegar o array definido em outra parte do código e fazer um random nele
    break;

   case: 'cortar'
         //pegar o array depois do random e dividi-lo em 3 (a,b e c) e deixa-los em ordem randomica também
   break;

   case: 'mostrar'
        //juntar novamente esses array separados e exibir as imagens que contém cada indice nele
   break;

}

Agradeço a ajuda de vocês! Beijos Margot

[FreitasMT 29]

Boa tarde, tudo bom?

 

Para simplificar até mesmo para você e para que os próximos também possam entender com mais facilidade eu fiz em um exemplo a parte:

 

http://jsfiddle.net/deFreitas/n06jd627/1/

 

O mais importante é:

Você só estava conseguindo pegar de UM porque a jQuery só pega o primeiro elemento com a classe 'deckbutton' na hora de pegar o atributo 'name', o que precisamos fazer é um 'for' mas em jQuery

    // para pegar cada input é necessário fazer um "for"
    $(".deckbutton").each(function(){
        alert($(this).attr("name"));
    });

Documentação do each:

http://api.jquery.com/each/

[mgpaon 0]

Boa tarde, tudo bom?

 

Para simplificar até mesmo para você e para que os próximos também possam entender com mais facilidade eu fiz em um exemplo a parte:

 

http://jsfiddle.net/deFreitas/n06jd627/1/

 

O mais importante é:

Você só estava conseguindo pegar de UM porque a jQuery só pega o primeiro elemento com a classe 'deckbutton' na hora de pegar o atributo 'name', o que precisamos fazer é um 'for' mas em jQuery

    // para pegar cada input é necessário fazer um "for"
    $(".deckbutton").each(function(){
        alert($(this).attr("name"));
    });

Documentação do each:

http://api.jquery.com/each/

 

 

Boa noite! Tudo sim e com você? Até ai consegui entender e eu tinha já feito algo parecido com seu código que printava os três valores no console ou no alert, mas o que eu preciso é que no click de um botão seja apresentado somente o name desse botão, por exemplo, clickei no botão embaralhar ele só me printe embaralhar e assim por diante, ou seja, preciso pegar cada índice do array que o .each() cria e verificar seu valor.

 

Obrigada pela ajuda desde já

[FreitasMT 29]

Para pegar o índice você faz assim:

// para pegar cada input é necessário fazer um "for"
    $(".deckbutton").each(function(i){
        alert($(".deckbutton").eq(i).attr("name"));
    });

exemplo:

http://jsfiddle.net/deFreitas/p19bxu00/

[angelorubin 142]

Veja se ajuda - http://jsfiddle.net/angelorubin/m81h5vcu/7/