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

您似乎想要在不同的按钮点击上打开不同的模式。

你可以这样试试，只需将模态ID data-attributes添加到按钮。

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 3

将一个类添加到选择器＆amp;点击事件触发模态

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

JSfiddle Example for Modal

Answer 4

如果它与您正在调用的功能相同，则可以使用每个按钮的类，例如：

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

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

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

});

Answer 5

您可以尝试在输入元素中添加一个类，并从jquery中调用它，如：

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

然后在jquery中使用

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

Answer 6

有些事情如下：

<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');
    ....
}

如何在OnClick事件中调用Jquery函数？

6 个答案: