Question

請記住，我使用Webforms ASP.NET與涉及更新面板。我對jquery很新，所以這裏是我的。我有一個複選框，它可以通過動態數量的列表項加載到pageload上。我已經想出瞭如何使用下面的代碼動態添加每個按鈕旁邊的按鈕。

$("INPUT[id^='DefaultContent_checkLstWebObjects_").each(function() { 

         $(this).after('<input type="button" id="BlueButton" value=">" class="peek" onclick="Selectall()"/>'); 
        }); 

所以現在說我有3個按鈕，每個按鈕都會調用相同的功能，但每次都需要傳遞一個唯一的參數。這甚至可能與我有的設置？謝謝。

Answer 1

您可以在函數調用中傳遞複選框的ID - 這是唯一的。你給所有的按鈕使用相同的ID，因爲會有> 1，你應該使用一個類名，例如

$("INPUT[id^='DefaultContent_checkLstWebObjects_").each(function() { 
    $(this).after('<input type="button" id="BlueButton" value=">" data-id="'+$(this).attr("id")+'" class="peek"/>'); 
}); 
$(".peek").on("click",function(){ 
    Selectall($(this).data(id)); 
}); 

Answer 2

您可以通過this作爲參數的函數調用，這個受贈您發送的DOM節點複選框對象，所以你可以自由地處理數據，屬性，CSS（你想要的）更抽象。這樣你可以處理你想要的任何參數。想是這樣的：

$("INPUT[id^='DefaultContent_checkLstWebObjects_").each(function() { 
 
    
 
    // Passing this through the function call 
 
    $(this).after('<input type="button" id="BlueButton" value=">" class="peek" onclick="Selectall(this)"/>'); 
 
}); 
 

 
// Your function 
 
function Selectall(checkbox_obj){ 
 
    
 
    // Handling attributes data, ID in this example 
 
    var checkbox_id = $(checkbox_obj).attr('id'); 
 
    
 
    // ----------------------------------- 
 
    // Your business rules here... 
 
    // ----------------------------------- 
 
}