Utiliser l'événement click pour une image de type input en utilisant jquery

Question

Je charge les données d'une page à l'aide d'Ajax. Je veux exécuter une fonction lors d'un clic sur une entrée, dont le type est une image et dont l'identifiant commence par "SubmitVote" suivi d'un nombre entier. Voici le code qui ne fonctionne pas.

$(function() {
    $('input:image[id^="submitVote"').live('click',function(){
        if(this.id.match(/^submitVote(\d+)$/)){
            var vote=$("#rtngCmb").val();
            var text=$("#userNote").val();
            var alertId=RegExp.$1;

            postVote(alertId, vote, text);
        }
    });
});

comment cela est-il possible ?

Answer 1

Si vous ne pouvez pas modifier le balisage pour inclure une classe, essayez ce qui suit :

$('input[type="image"][id^="submitVote"]').live('click', function() {
    if (this.id.match(/^submitVote(\d+)$/)) {
        var vote = $("#rtngCmb").val();
        var text = $("#userNote").val();
        var alertId = RegExp.$1;

        postVote(alertId, vote, text);
    }
});

Exemple simple sur jsfiddle

De plus, la raison pour laquelle vous n'avez pas fonctionné la dernière fois est que vous n'avez pas été en mesure d'obtenir des résultats. ] manquait dans votre sélecteur.

Answer 2

Le mieux est de donner à toutes les images qui commencent par submitVote une classe spécifique

<input id='submitVote1' type='image' src='image.png' class='submit' />
<input id='submitVote2' type='image' src='image.png' class='submit' />

De cette façon, vous pouvez simplement faire...

$('input.submit').live('click',function(){
        var vote=$("#rtngCmb").val();
        var text=$("#userNote").val();
        var alertId=RegExp.$1;
        postVote(alertId, vote, text);
});