[JavaScript] 순차적으로 접근한 input 요소의 value값이 interest에 포함되어 있을 경우 해당 input 요소

     

     

     

    선생님께서 알려주신 Tip!

    순차적으로 접근한  input 요소의 value값이 interest에 포함되어 있을 경우 해당 input 요소에 checked 속성 부여하기

    == DB에 입력되어 있는 요소들이 checked 되어 마이페이지에 나타날 수 있게하기

     

                 
    indexOf 
    search 

    를 사용해보라고 하셨음

     

     

    나의 로직 

     

    5/4

    indexOf 메소드는 index의 순번을 나타내는 메소드, search 메소드는 모르겠다.

    대략적으로는 순서별로 조건 검사를 한 후에 checked 속성을 주는 것 같은데, 일단 내일 다시 도전해봐야겠다


    5/5
    indexOf() 요약
    https://electronic-moongchi.tistory.com/13

     

    [javascript] IndexOf() 문자열에 특정 문자 포함 여부 확인

    자바스크립트에서는 문자열이나 배열에서 특정 문자를 포함하는지의 여부를 확인하기 위해서는 indexOf() 함수를 사용해야 한다. indexOf() 함수는 특정 문자의 위치값을 index로 반환하는 함수이다.

    electronic-moongchi.tistory.com


    만약 indexOf != -1 면 (== index의 값이 있다면) ?

     https://www.codingfactory.net/10402

     

     

    5/6

    interest에 담긴 문자열을 split(,)으로 쪼개준 뒤에, 조건 검사를 해서 checkbox의 벨류와 같은 값일 경우 

    checked속성을 부여하는 방식 

    www.notion.so/checked-radio-checkbox-74694423bfee403e9ca385a0d97bc629

     

     


    모범 답안

    $(function(){
    
      var interest ="<%=interest%>";
    
      $("input[type=checkbox]").each(function(){
    
      // 순차적으로 접근할때마다 search 메소드 : 
      if(interest.search($(this).val()) != -1) {
      $(this).attr("checked",true)
      }	            		
    
      });
    
    });
    728x90

    댓글