이전 목록 다음
채택완료

javscript click에 for문을 넣고싶은데

rlawhd
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-05-10 (목) 10:39:14 1,981
Copy 
$("#button").click(function(){
        $.ajax({
            url: "./abc.php",
            type: 'POST',
            dataType: 'json',
            data: $("form").serialize(),
            success: function(data){

이런식으로 button을 누르면 ajax로 form의 정보를 보내는 javascript가 있는데

button이 1개가 아니라 버튼이 여러개있습니다.

버튼도 row열로 button1 ~ button 10까지 있어서

for문을 돌리고 싶은데 가능한가요?

Copy 
for(i=0; i<row.length; i++){

$("#button(i)).click(function(){

$.ajax

~~

~

이런식으로 가능한가요?

javascript
|

답변 3개

채택된 답변
+20 포인트
트트샷
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-05-10 (목) 14:31:52

참고글입니다. http://itrooms.tistory.com/226

나나시
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-05-10 (목) 10:59:00

for 문 밑에 선언문을

Copy 
$("#button"+i).click(function(){

로 바꾸시면 됩니다.

불불꽃사랑
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-05-10 (목) 10:46:36

#button 을 .button으로 변경하심이....
id -> class로 (id는 중복되면 안되니까요)
$(".button").click(function(){

  var idx = $(".button").index(this);

  //인덱스를 가지고 $.ajax 처리..

})

답변을 작성하려면 로그인이 필요합니다.