How to trigger Button Onclick event with jquery

Asked

Viewed 1,044 times

0

I need to hit the button when I click. I did it in jquery in a generic way by passing the parameter of a given button to execute the script to it.

<button id="buttonprofissional" type="button" class="btn btn-warning" value="profissional">Não tenho endereço profissional </button>
<button id="buttoncomplementar" type="button" class="btn btn-warning" value="complementar">Não tenho endereço complementar </button>


<script>
$(document).ready(function($endereco){
    $("button" + $endereco).click(function(){
        $("pais_"+$endereco).removeAttr('required');
        $("pais_"+$endereco).hide();
        $("uf_"+$endereco).removeAttr('required');
        $("uf_"+$endereco).hide();
        $("municipio_"+$endereco).removeAttr('required');
        $("municipio_"+$endereco).hide();
        $("bairro_"+$endereco).removeAttr('required');
        $("bairro_"+$endereco).hide();
        $("tipo_logradouro_"+$endereco).removeAttr('required');
        $("tipo_logradouro_"+$endereco).hide();
        $("titulo_patente_"+$endereco).removeAttr('required');
        $("titulo_patente_"+$endereco).hide();
        $("preposicao_"+$endereco).removeAttr('required');
        $("preposicao_"+$endereco).hide();
        $("logradouro_"+$endereco).removeAttr('required');
        $("logradouro_"+$endereco).hide();
        $("numero_"+$endereco).removeAttr('required');
        $("numero_"+$endereco).hide();
        $("complemento_"+$endereco).removeAttr('required');
        $("complemento_"+$endereco).hide();
        $("origem_"+$endereco).removeAttr('required');
        $("origem_"+$endereco).hide();
        $("email_"+$endereco).removeAttr('required');
        $("email_"+$endereco).hide();
        $("telefone_"+$endereco).removeAttr('required');
        $("telefone_"+$endereco).hide();
        $("celular_"+$endereco).removeAttr('required');
        $("celular_"+$endereco).hide();
    });
});

javascript jquery

  • where $address comes from ?

  • What is $endereco = this.value?

1 answer

1


If you want to manipulate the elements based on value of buttons which is kind of weird, just do this...

$(document).ready(function(){

	/* looping nos botões */
	$('button').each(function(b) {
  	
    /* pega o value de cada um */
    var bv = $(this).val(); 
    
    /* atribui um evento de click para da um
    
    repare que o botão está concatena com o value */
    $('#button' + bv).on('click', function(){
    
    	/* aqui você tem o valor
      e pode escolher o elemento que deseja manipular
      que contenha esse valor no id */
      
    	$('#button' + bv).hide();
      
      $('#li' + bv).hide();
      $('#p' + bv).hide();
      $('#span' + bv).hide();
      $('#div' + bv).hide();
      
    });
    
  })
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button id="buttonprofissional" type="button" class="btn btn-warning" value="profissional">Não tenho endereço profissional </button>
<button id="buttoncomplementar" type="button" class="btn btn-warning" value="complementar">Não tenho endereço complementar </button>

<li id="licomplementar">li</li>
<p id="pcomplementar">p</p>
<span id="spancomplementar">span</span>
<div id="divcomplementar">div</div>

Browser other questions tagged javascript jquery

You are not signed in. Login or sign up in order to post.