Chiama JavaScript/AJAX con un pulsante senza funzione onClick tramite il suo nome di input. È possibile?

Question

Hai il codice successivo HTML:

<form name="frm"> 
    <textarea class="textarea" name="textarea" id="textarea"> 
    <?php 
     foreach ($textarea as $textareashow){ 
      echo $textareashow."\r\n"; 
     }?> 
    </textarea><br><br> 
    <input type="button" name="callbutton" value="Push button" id="execbutton" /> 
</form> 

E la prossima codice JavaScript:

$(document).ready(function() { 
    $('#callbutton').click(function() { 
    alert("HELLO!!!"); 
    }); 
}); 

Quello che voglio è quello di chiamare la funzione JavaScript dal suo nome di ingresso pulsante. È possibile? e dal suo input id? Grazie mille.

Answer 1

Prova questo:

$(document).ready(function() { 
    $('#execbutton').click(function() { 
     alert("HELLO!!!"); 
    }); 
}); 

funzionerà.

Spiegazione:# viene utilizzato per selezionare l'elemento da id e . viene utilizzato per selezionare un elemento da nomeclasse. si seleziona l'elemento per nome, quindi è necessario utilizzare lo $("input[name=callbutton]"). Se si seleziona un elemento in base alla relativa proprietà o attributo, è necessario utilizzarlo nelle parentesi []. [property_name=property_name_value] piace questo.

Answer 2

Ovviamente è possibile. Ho postato un jsfiddle sotto

È possibile utilizzare seguente jQuery selettori: #id e input[name=something] (non è necessario utilizzare entrambi)

Per aggiungere un click event su un pulsante (nel tuo caso) si può usare .click(function(){})

Quindi:

$(function(){ 
    $("#your_btn_id").click(function(){ // using selector by id 
      // do something 
    }); 

    $('input[name="your_btn_name"]').click(function(){ // using selector by name 
     // do something 
    }); 
}) 

È possibile anche combinare selettori:

$(function(){ 
    $('#your_btn_id, input[name="your_btn_name"]').click(function(){ 
      // do something 
    }); 


    // or 


    $("#your_btn_id").add('input[name="your_btn_name"]').click(function(){ 
      // do something 
    }); 
}) 

Fiddle

Answer 3

per nome ingresso uso input[name="callbutton"] da id utilizzare l'ID di notazione #

$(document).ready(function() { 
    $('input[name="callbutton"],#textarea').click(function() { 
    alert("HELLO!!!");  
    }); 
});