如何触发点击同一类的链接?

时间:2014-09-03 15:12:17

标签: javascript jquery css

我在页面上有一堆链接,一旦勾选了复选框,我就想点击它。这些链接中的每一个都属于CSS类" batchClass"。

点击我的复选框后,如何点击这些链接?到目前为止,我已经编写了我的JQuery函数的基础知识,并且它已经进入函数但我无法获取链接。

function checkAll() {
    if ($('#checkbox').is(":checked")) {
          $('.batchClass').each(function () {
              $(this).trigger('click');
          });

    console.log("Inside the function.");
    }
}

添加此功能已添加到C#代码中的复选框..

CheckBox chkAllAccounts = new CheckBox();
chkAllAccounts.Attributes.Add("onclick", "javascript:checkAll()");

如何在C#中构建这些链接..

info[idx++] = "<a style=\"text-align:center;\" class=\"batchCheck\" id=\"verifiedLink_" + v.ID + "\" href=\"javascript:verifyStatement('" + v.ID + "', '0');\"><img id=\"verifiedState_" + v.ID + "\" src=\"/images/icons/box_checked.png\"></a>";

我可以直接调用verifyStatement吗?

3 个答案:

答案 0 :(得分:1)

使用.change()事件进行收听更改复选框:

$('#checkbox').change(function(){
if ($(this).is(":checked")) {
      $('.batchClass').each(function () {
          $(this).trigger('click');
      });
}});

答案 1 :(得分:0)

虽然不是不可能导致点击&#39;你在想错了。尝试按功能名称

调用您的点击事件

答案 2 :(得分:0)

这可能还不是答案,但如果你能解决我们的困惑,我可以更新一下。

在此FIDDLE我已经

尝试举例说明您描述的功能。我不确定你为什么需要锚来更换图片,所以我给你按钮,但可以使用任何可见的东西。

显示两张图片,当您点击相应的按钮时,图片会改变,按钮轮廓变为绿色,并且ID为“活动”状态。给出了。

输入代码,以便在单击复选框时单击页面上的所有按钮。

让我们看看这是否是您想要的功能(可见的证据&#34;点击&#34; - 添加绿色边框 - 以及&#34;点击&#34的隐藏证据; - 添加id),然后我们可以从那里去。

JS

$('.mycheckbox').on('change', function(){
                $('.sometypeoflink1').trigger('click');
                $('.sometypeoflink2').trigger('click');
});

$('.sometypeoflink1').on('click', function(){
    $('.batchclass1 img').remove();
    $('.hidden img:eq(0)').clone().appendTo('.batchclass1');
    $('.sometypeoflink1').css( 'border', '3px solid green');
    $('.sometypeoflink1').attr('id', 'active1');
    console.log( $('.sometypeoflink1').attr('id') );
});

$('.sometypeoflink2').on('click', function(){
    $('.batchclass2 img').remove();
    $('.hidden img:eq(1)').clone().appendTo('.batchclass2');
    $('.sometypeoflink2').css( 'border', '3px solid green');
    $('.sometypeoflink2').attr('id', 'active2');
    console.log( $('.sometypeoflink2').attr('id') );
});