• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Node.js, Express 게시판 선생님 edit페이지 radio checked에대해서..

선생님 edit페이지 radio checked에대해서..

5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 글쓴이
  • #66817

    정중식
    참가자
    선생님 edit페이지 input type=radio checked에대해서 질문있습니다.
    
    프론트단을 ejs를 사용해서 선생님이 강의에서 하셨던것처럼
    예를들면 이런식으로 edit페이지에서 데이터를 출력해주고있습니다.
    
       <textarea
              name="text"
              class="post-body"
              placeholder="내용을 입력해주세요"
              value="<%=post.text%>"
            >
    <%=post.text%></textarea
            >
    
    근데, 라디오에서 체크된 값은 어떻게불러와야하나요?
    
      <input
                  type="radio"
                  name="category"
                  class="category-input border-color1"
                  value="민지"
                  checked
                />
    
    
    
    [요약]
    type=radio value="민지" 에 check를한게 아니라, 
    type=radio value="하니" 에  check를 했는데, 
    checked를 어떤식으로 값을 불러와줘야하나요?
    
    그냥, ejs에서 edit페이지 내용을 불러오지말고, 자바스크립트로 돔을 조작해서 불러오면서 if문을써서 카테고리 값이 민지면 radio checked는 민지다 이런식으로 하는수밖에없을까요?
    데이터는 이런식으로 저장되어있습니다.
    
    
    #66818

    정중식
    참가자
     <input type="radio" name="category" class="category-input
                border-color3" value="해린" checked=<%= post.category === '해린' ?
                true : false %> />
    
    위에 checked 처럼 조건문을 걸었습니다.
    마우스 우클릭으로 코드 확인해보면 일치하면 checked="true", 불일치하면 checked="false" 이렇게 잘떠요 근데
    
    
    
    사진보시면, 현재 내용이 민지에요, 카테고리도 민지로 되어있거든요.. 근데 edit페이지에 오면 혜인에 계속 체크가되는데 
    뭘 의심해봐야할까요?.... ㅜ
    #66824

    정중식
    참가자
    edit.ejs 라디오부분 전체 코드입니다.
    
    
    
    #66825

    codingapple
    키 마스터
    checked=true말고 checked만 넣으면 선택된 상태가 됩니다
    #66912

    정중식
    참가자
    와 선생님.. 의심해서 죄송합니다.
    <input type="radio" name="category" class="category-input
                border-color5" value="혜인" <%= post.category === '혜인' ? 'checked'
                : '' %> />
    
    이런식으로 checked : '' 조건문을 걸었더니 잘 되네요! 정말 감사합니다
5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠