OnClick 이벤트에서 Jquery 함수를 호출하는 방법은 무엇입니까?

Question

jquery 함수를 만들고 onClick()에서이 함수를 호출해야하지만 많은 버튼에서이 함수를 사용해야하므로 버튼의 ID를 사용할 수 없습니다. 내가 어떻게 할 수 있니?

이것은 내가 필요한 것입니다.

JQuery와 :

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

HTML : 당신이 어떤 CSS 선택기를 사용하여 jQuery를 함께

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

Answer 1

다음 몇 가지. 이 기능을 사용하려는 버튼에 클래스를 추가하고 코드를 작성하십시오. 예 :

$('.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

클릭 이벤트에 선택기 & 트리거 모달에 클래스를 추가

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

JSfiddle Example for Modal