반응형
jquery : $(this).index();
$(document).on("click","[name=fnGoInsert]", function(){
//alert($(this).index());
alert($("[name=fnGoInsert]").index(this));
});
javascript :
function fnGoInsert(){
var form = document.querySelectorAll('form');
function btn_click(idx){
form[idx].onclick = function(){
console.log(idx);
};
}
for(var i=0; i<form.length; i++){
btn_click(i);
}
}
or
if(confirm("등록하시겠습니까?")){
[].forEach.call(document.querySelectorAll('form'), function(el) {
el.addEventListener('click', function() {
var index = getElementIndex(document.querySelectorAll('form'), el);
var formObj = $("form[role='form']")[index-1];
formObj.submit();
});
});
}
}
function getElementIndex(element, range) {
if (!!range) return [].indexOf.call(element, range);
return [].indexOf.call(element.parentNode.children, element);
}
반응형
'개발 > jquery,javascript' 카테고리의 다른 글
단순 탭 메뉴만들기 show(), hide() (0) | 2020.08.25 |
---|---|
jquery load() 등록 화면 탭메뉴+MVC 구현 (0) | 2020.08.13 |