2014-09-03 77 views
0

我在頁面上有一堆鏈接,只要勾選了一個複選框,就可以點擊該鏈接。每個鏈接都屬於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?

回答

0

這可能不是一個答案,但如果你能解決我們的困惑,我可以更新此。

在這種FIDDLE我有:

想給的,你描述的功能的實例。我不知道爲什麼你需要錨點來改變圖片,所以我給了你按鈕,但任何可見的東西都可以使用。

顯示兩張圖片,當你點擊各自的按鈕時,圖片會變化,按鈕輪廓變爲綠色,並且會給出'active'的id。

放入代碼,以便點擊複選框時,點擊頁面上的所有按鈕。

讓我們來看看這是否是您想要的功能(可見證據顯示「點擊」 - 添加綠色邊框 - 隱藏「點擊」證據 - 添加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')); 
}); 
0

雖然不可能導致'點擊'。你在想它是錯的。嘗試通過功能對罵您的單擊事件

1

使用.change()事件的複選框聽變化:

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

這工作,在這個意義上,它通過所有的有不被點擊的CSS類,但鏈接的鏈接確實循環。 – Delete 2014-09-03 15:29:28

+0

是那些錨鏈?重定向你將不得不使用:'location.href = $(this).attr('href')' – 2014-09-03 15:31:55

+0

不,他們不重定向。它改變被點擊的圖像,然後在C#代碼中,這些鏈接的狀態被用於其他一些功能。 – Delete 2014-09-03 15:34:36

相關問題