짤스
86
2018-05-21 15:15:11 작성 2018-05-21 17:36:27 수정됨
15
1782

MODEL2 기반 게시판 기능 구현중..


감사합니다.


0
0
  • 답변 15

  • speed1139
    1k
    2018-05-21 15:19:12
    chkObj.legth - 1; -> chkObj.length -1;


    자바스크립트는 오타에 주의하세엽 

    0
  • 짤스
    86
    2018-05-21 15:20:27

    오타는 다시 수정했으나 똑같네요..

    0
  • speed1139
    1k
    2018-05-21 15:21:35

    개발자도구 띄워서 에러 로그 보여주세요 이벤트 발생시에 일어나는 로그

    0
  • speed1139
    1k
    2018-05-21 15:23:04
    자바단에서는 오류가 안나나요?
    0
  • 제와피
    146
    2018-05-21 15:26:57

    전체체크 이렇게 바꾸면 간단하지 않을까요?

    function allChk(obj) {

      obj.prop("checked", true);

      obj.closest("table").find("td input[type='checkbox']").prop("checked", true);

    }

    1
  • 짤스
    86
    2018-05-21 15:29:51

    제와피님 말씀하신 소스로 바꿔봤는데 전체 체크가 안되네요..흠 ㅜ

    0
  • 제와피
    146
    2018-05-21 15:32:34
    그리고 삭제버튼에 onclick 부분 비어있네요~
    0
  • speed1139
    1k
    2018-05-21 15:33:56
    <script type="text/javascript" src="MODEL_TEST_WebContent/resources/js/jquery-1.12.0.min.js"></script>

    는 

    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/js/jquery-1.12.0.min.js"></script>

    식으로 바꾸실수 있습니다. 경로잡는다고 4개나 쓰신거 같은데..



    0
  • 제와피
    146
    2018-05-21 15:35:07

    obj 가 전체체크 체크박스이고

    closest("table") -> 전체체크 체크박스의 가장 가까운 상위 table 태그 찾아서

    find("td input[type='checkbox']") 그 table 밑에 td 밑에 체크 박스 찾아서

    prop("checked", true) 체크박스 속성을 true 로 변환

    1
  • 짤스
    86
    2018-05-21 15:36:48

    @제와피 님  @speed1139 님 감사합니다 ㅠㅠ 그래도 문제는 그대로네요..


    0
  • NULL만나면
    2k
    2018-05-21 15:37:51
    1var check = obj.checked; // obj -> Obj 대소문자 확인
    0
  • 짤스
    86
    2018-05-21 15:40:50

    @에시칼로 님 감사합니다

    0
  • speed1139
    1k
    2018-05-21 15:47:28

    https://zetawiki.com/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_checkbox_%EB%AA%A8%EB%91%90_%EC%B2%B4%ED%81%AC


    여길 한번 참조해보세요. 

    1
  • NULL만나면
    2k
    2018-05-21 15:53:38


    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <script type="text/javascript">
    	/* 모두 체크 */
    	function allChk(thisObj) {
    		var thisObjChecked = thisObj.checked;
    		var targetObj = document.getElementsByName("RowCheck");
    		for (var i = 0, rowCnt = targetObj.length; i < rowCnt; i++) {
    			if (thisObjChecked) {
    				targetObj[i].checked = true;
    			} else {
    				targetObj[i].checked = false;
    			}
    		}
    	}
    </script>
    </head>
    
    <body>
    	<table border="1">
    		<tr>
    			<td><input id="allCheck" type="checkbox" onclick="allChk(this);" />번 호</td>
    		</tr>
    		<tr>
    			<td><input type="checkbox" name="RowCheck" value="" /> 1</td>
    		</tr>
    		<tr>
    			<td><input type="checkbox" name="RowCheck" value="" /> 2</td>
    		</tr>
    		<tr>
    			<td><input type="checkbox" name="RowCheck" value="" /> 3</td>
    		</tr>
    	</table>
    </body>
    </html>


    흐음. 소스를 간략히 줄여서 해봤는데 안되던가요?

    1
  • 짤스
    86
    2018-05-21 16:44:41

    으악!!!! @speed1139 님 @에시칼로 님!!! 너무 감사해요 되요!! 두분 다 소스 주신게 도움이 됐어요ㅠㅠ이제 선택삭제를 해야하는데 ㅠㅠ 흐..

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.