선생님께서 알려주신 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)
}
});
});
'🎨 Front-end > JavaScript' 카테고리의 다른 글
[React]React 버전 18과 19에서의 ref 전달 방식 비교 분석하기(forwardRef) (0) | 2025.01.06 |
---|---|
[JavaScript] 마지막 문자열 제거 (0) | 2023.05.05 |
[JQuery] 제이쿼리 기본 개념 정리 참고 블로그 (1) | 2021.06.03 |
[JQuery] 모달창에서 버튼 이벤트 발생 시 해당 값 넘기기 (0) | 2021.06.01 |
댓글