使用 jquery 对输入类型图像使用点击事件

发布于 2024-10-31 14:12:15 字数 440 浏览 0 评论 0原文

我正在使用ajax加载页面数据。我想在点击输入时运行一个函数，其类型是图像，其 id 以“SubmitVote”开头，后跟一些整数。下面是代码，它不起作用。

$(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);
        }
    });
});

怎样才能做到呢？

原文

I am loading page data using ajax. Where I want to run a function on a click for an input,whose type is image and its id starts with 'SubmitVote' followed by some integer. Below is the code, which is nt working.

$(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);
        }
    });
});

how it can be done?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

盗梦空间 2024-11-07 14:12:15

如果您无法修改标记以包含类，请尝试以下操作：

$('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);
    }
});

jsfiddle 上的简单示例

此外，您的选择器中缺少最后一个 ] 不起作用的原因。

If you can't modify the markup to include a class, try the following:

$('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);
    }
});

Simple example on jsfiddle

Also, the reason your did not work the last ] was missing in your selector.

回复收藏 0 原文

好听的两个字的网名 2024-11-07 14:12:15

您最好的选择是为所有以 submitVote 开头的图像指定一个特定的类

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

这样您就可以简单地执行...

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

You best bet is to give all of your images that start with submitVote a specific class

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

This way you can simply do...

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

回复收藏 0 原文

~没有更多了~