将事件侦听器添加到复选框的ticked-unticked图像

时间:2014-01-02 11:35:25

标签: javascript html checkbox

有一个CRM网站工作室不是由我建立的,因此我无法更改代码。 虽然他们为我们提供了一个称为Web applet的选项,通过它我们可以编写hml javascript等,然后对代码进行omodify。 现在我的问题是一个复选框。

最初,我认为他们必须使用HTML复选框字段,但看起来它们只是一个图像。

我的要求:勾选复选框后,系统会提示用户是YES \ NO提示框。 页面上显示的代码段为:

选中支票簿时(这是网页上的路径)

<td class="fv fvu" style="padding-left: 6px; cursor: default;" id="A0.R0.ZBool_1"><img src="../024.008.000/base/themes/contemporary/images/ckb_checked.gif" border="0"></td>

当取消选中此复选框时,这是网页上的路径

<td class="fv fvu" style="padding-left: 6px; cursor: default;" id="A0.R0.ZBool_1"><img src="../024.008.000/base/themes/contemporary/images/ckb_unchecked.gif" border="0"></td>

路径尽头的gif正在改变......我该怎么做...任何代码,样本甚至会帮助我很多..

2 个答案:

答案 0 :(得分:0)

请你试试这个: -

$(".fv").click(function(){
    // check whether this element has child with image
    var imageItem = $(this).find("img");
    if(imageItem) // for checking whether it has image children or not
    {
       var imgSrc = $(imageItem).attr("src");
       if(imgSrc && imgSrc == "../024.008.000/base/themes/contemporary/images/ckb_checked.gif")
       {
           alert("Yes/No");
           // play here
       }
    }
});

答案 1 :(得分:0)

请尝试这个

(function(){
    jQuery(function($){
        $('.fvu img').click(function(){
            var src = $(this).attr('src');
            var regexp = new RegExp("_checked.gif");

            if(regexp.test(src)){
                var answer = confirm_box();

                if(answer){
                    alert('You said :: Yes')
                }

                else{
                    alert('You said :: Nope')
                }
            }           
        })


    })

    function confirm_box(){
        return confirm("Are you sure you want to continue...");
    }
})(jQuery)