코딩 지옥
326
2021-07-22 14:13:20
8
166

안녕하세요~ 코딩 초보자입니다!!!



<table>
					<tr>
						<th>판매 입찰 가격</th>
						<th>판매 입찰 사이즈</th>
						<th>구매</th>
					</tr>
					<c:forEach var="ask" items="${askList}">
						<tr>
							<td>${ask.askprice} </td>
							<td>${ask.asksize}</td>
							<td><button onclick="check(${ask.asknumber},${ask.askid},${ask.asksize},${ask.askprice})">구매</button></td>
						</tr>
					</c:forEach>
				</table>
		
	function check(asknumber,askid,asksize,askprice) {
		console.log(asknumber);
		console.log(askid);
		console.log(asksize);
		console.log(askprice);
	}


안녕하세요 코딩 초보자 입니다~
제가 공부를 하고 있는데 onclick() 에 함수를 여러개를 넣어서 보내는 방법이 있을 까요????
인터넷에 찾아보려고 하는데 쉽게 찾아지지가않아서요!! 

0
  • 답변 8

  • 윤스
    51
    2021-07-22 14:28:21 작성 2021-07-22 14:29:32 수정됨

    jQuery 쓰시면


    <table>
    	<tr>
    	        <th>판매 입찰 가격</th>
    		<th>판매 입찰 사이즈</th>
    		<th>구매</th>
    	 </tr>
    	<c:forEach var="ask" items="${askList}">
    		<tr data-askid="${ask.askid}" data-asknumber="${ask.asknumber}" data-asksize="${ask.asksize}" data-askprice="${ask.askprice}">
    			<td>${ask.askprice} </td>
    			<td>${ask.asksize}</td>
    			<td><button class="btn">구매</button></td>
    		</tr>
    	</c:forEach>
    </table>
    <script>
    	$('.btn').on('click', function(){
    		const thisTr = $(this).parents('tr')
    		const askid = thisTr.data('askid');
    		const asknumber = thisTr.data('asknumber');
    		const asksize = thisTr.data('asksize');
    		const askprice = thisTr.data('askprice');
    	})
    </script>

    요래 하면 될것같은데, 안되면 data 말고 attr 쓰셔서 가져오시면 되요.

    https://www.codingfactory.net/10208

  • 깡수수
    129
    2021-07-22 14:32:18

    함수 여러개를 파라미터로 전달할 이유가 있나여?

    함수안에서 다른함수를 호출하면 여러 함수를 실행할수는있지만..

  • 코딩 지옥
    326
    2021-07-22 14:34:52

    깡수수

    안녕하세요~!!

    함수안에서 다른 함수를 호출 하다는게 어떤 건가요???

  • 깡수수
    129
    2021-07-22 14:38:36

    ... onclick="a();"


    function a() {

      console.log('hello');

      b();

    }


    function b() {

      console.log('world');

    }


    // 결과 :

    hello

    world

  • 코딩 지옥
    326
    2021-07-22 14:49:04

    윤스

    안녕하세요

    	$('.btn').on('click', function(){
    		const thisTr = $(this).parents('tr')
    		const askid = thisTr.data('askid');
    		const asknumber = thisTr.data('asknumber');
    		const asksize = thisTr.data('asksize');
    		const askprice = thisTr.data('askprice');
    		console.log(asknumber);
    		console.log(askid);
    		console.log(asksize);
    		console.log(askprice);
    	});


    이러게 콘솔창에 값을 확인하고 싶은데 왜 콘솔에 아무것도 안뜰까요????

  • 코딩 지옥
    326
    2021-07-22 15:02:15


    $(document).ready(function(){
    	$(".btn").click(function(){
    		const thisTr = $(this).parents('tr')
    		const askid = thisTr.data('askid');
    		const asknumber = thisTr.data('asknumber');
    		const asksize = thisTr.data('asksize');
    		const askprice = thisTr.data('askprice');
    		console.log(asknumber);
    		console.log(askid);
    		console.log(asksize);
    		console.log(askprice);
    	});
    });

    윤스


    이렇게 했더니 값이 넘어오는데 괜찮은거죠?



  • 빠름보
    28
    2021-07-22 15:33:10 작성 2021-07-22 15:33:33 수정됨

    다큐먼트 레디가 자바스크립트에 onload니


    해당부분을 입력하셔야 하단의 버튼클릭이벤트를 동작시킬수있습니다.


    괜찮습니다.



  • 윤스
    51
    2021-07-23 18:20:48
  • 로그인을 하시면 답변을 등록할 수 있습니다.