Question

我需要創建一個jquery函數並在onClick（）中調用此函數，但我需要在很多按鈕中使用此函數，所以我無法使用該按鈕的ID。我怎麼能這樣做？

這是我所需要的想法。

的Jquery：

ShowModalBT = function(nameModal){ 
    $("#"+nameModal).modal("show");        
}; 

HTML：

<input type='button' onClick='ShowModalBT("a")'> 

Answer 1

使用jQuery你可以使用任何CSS選擇器，然後一些。只需將一個類添加到想要具有此功能的按鈕並編寫適合您的代碼即可。例如：

$('.MyButtons').on('click', function() { 
    //Click Function Code Here 
}); 

Answer 2

如果它是你打電話，你可以使用類的每個按鈕的功能相同，是這樣的：

<input type="button" class="modalButton">

$('.modalButton').click(function(){ 

    var id = $(this).attr('id'); 
    //do stuff with id 

}); 

Answer 3

你可以嘗試添加一個類你的輸入元素，並從jquery調用它：

<input type='button' class="xxx"> 

然後在jQuery中我們Ë

$('.xxx').on('click',function(){ 
    $(this).modal("show"); 
}); 

Answer 4

沿東西這行：

<input type='button' class='triggerModal' id='a'> 
<input type='button' class='triggerModal' id='b'> 

然後在你的腳本：

$('.triggerModal').click(ShowModalBT); 

function ShowModalBT(event) { 
    var arg = $(event.target).attr('id'); 
    .... 
} 

Answer 5

似乎要打開不同的按鈕點擊不同的模式。

您可以嘗試這種方式，只需將模式ID的data-attributes添加到按鈕。

$('input[type="button"]').click(function (event) { 
 
    var modalName = $(event.currentTarget).attr('data-modal-name'); 
 
    $('div').text('Opening modal '+ modalName); 
 
    //$("#"+modalName).modal("show");  
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 
<input type='button' data-modal-name = "a" value="Open Modal A"> 
 
<input type='button' data-modal-name = "b" value="Open Modal B"> 
 
<input type='button'data-modal-name = "c" value="Open Modal C"> 
 

 
<div></div>

Answer 6

一類添加到選擇&觸發模式上的click事件

$(document).on('click','.btn',function(){ 
$("#myModal").modal(); 
}) 

JSfiddle Example for Modal