아데니아
70
2019-07-18 16:18:03 작성 2019-07-18 16:22:01 수정됨
7
249

input checkbox 조작 질문드립니다.


현제 Spring 프레임워크로 개발중인 초급자입니다.

먼저... 프로그래밍을 시작한지 얼마 되지않아서 이해력이 부족하여 설명하는 능력도 떨어져도... 잘 부탁드립니다;;

db에서 ajax로 db로 받아와서 자바스크립드 부분에서 input의 벨류값을 조작하는 작업을 진행 중인대요.


궁금한게 있어서 질문드립니다.

예를들어서 

spen테그 인경우

$("#id").text(ajax에서 받아온 값);


input text 같은 경우

$("#id").val(ajax에서 받아온 값);

로 조작 하고 있습니다.


input radio 같은경우는 

<input type="radio" name="AA" value="Y">있다.

<input type="radio" name="AA" value="N">없다.

부분에서

$('input:radio[id=AA]:input[value=' + Ajax에서 받아온 값 + ']').prop("checked", true);


이런식으로 라디오 체크를 구현했습니다.


헌대 궁금한게 ..

checkbox같은경우 라디오버튼 처럼 2개의 yes or no가 아니라

부모님의 성씨는?

<input type="checkbox" id="BB1" NAME="CC1" value=""> 김씨 

<input type="checkbox" id="BB2" NAME="CC2" value=""> 이씨

<input type="checkbox" id="BB3" NAME="CC3" value=""> 박씨

이런식으로구성이 되어있으며

DB에 해당 컬럼에는

BB1     BB2        BB3

Y           N            Y

이런식으로 구성되어있습니다.

그러면 체크박스 벨류에 어떤식으로 지정해줘야 하고...

자바 스크립드단에서 체크 조정을 어떻게 해줘야할까요?



0
0
  • 답변 7

  • 사는게힘듭니다
    2019-07-18 16:21:01

    BB1 BB2 BB3 3개의컬럼이있는건가요?

    -1
  • Chan_
    168
    2019-07-18 16:22:58

    페이지가 로드 됬을때 BB1 BB2 BB3에 해당하는 체크박스가 체크 되어있기를 바라시는건가요..?


    아니면 해당 체크박스를 체크한 결과값이 DB로 들어 가는걸  원하시는건가요?

    0
  • 아데니아
    70
    2019-07-18 16:23:02 작성 2019-07-18 16:24:07 수정됨

    사는게힘듭니다

    처음 게시글 적는거라 ;; 뎃글 실수했네요 -1 죄송합니다;;

    DB테이블 안에 3개의 컬럼에 Y나 N가 들어있습니다.

    0
  • 아데니아
    70
    2019-07-18 16:23:43

    Chan_ 

    DB에서 Y로 되어있는 부분은 화면 체크박스 상에서 체크가 되길 원합니다 !!

    0
  • Chan_
    168
    2019-07-18 16:36:03 작성 2019-07-18 16:44:24 수정됨

    방법은 여러가지 겠지만 위 컬럼 값을 Ajax로 가져온뒤

    각각 변수를 지정하시거나 또는 배열을 설정하셔서

    for문 돌려서 검사 한뒤

    해당 값이 Y이면 prop("checked",true) 아니면 prop("checked",false)를 주시면 되지 않을까요?

    하나 궁금한건 model을 쓰지 않고 Ajax로 가져오는 이유가 있을까요?

    0
  • 아데니아
    70
    2019-07-18 16:44:39

    컨트롤러에서 modelmap을 사용해서 ajax로 가저옵니다.. 아마 페이지가 새로고침이 하지 않고 페이징을 하려고 하는거같아서요... 아직 무슨 말씀이신지 이해가 잘 안가지만.. 곰곰히 또 생각 정리해서 해보면... 답이 나오겠죠...?  감사합니다!!

    0
  • 아데니아
    70
    2019-07-18 17:32:36

    해결했습니다 답변 해주시고 같이 고민해주신분들 감사합니다.

    저는 체크 박스 자체의 벨류값을 사용하지 않고(공란)

    if else 문으로 db에서 받아온 데이터 값이 Y면 체크 함 N면 체크 안함 으로 해결 했습니다.

    너무나도 간단한 부분이였는데.. 제가 너무 꼬아서 생각하여 정리가 안되었던거 같네요 


    Chan_ 님께서 for문으로 제안을 주셨는데 전 단지 if else문으로 했을 뿐이지 않에 들어가는 논리는 똑같이 적용 했습니다. 감사합니다.

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