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