본문 바로가기

prop2

[js] select박스 selected 하는 방법(prop, removeAttribute, setAttribute등 활용) select 박스에 selected를 하여 선택하고 싶을 때가 있다. selectBox가 알아서 selected를 해주지만 안되는 경우가 있다. 그럴경우 prop을 사용하면된다. - prop() $('#select1').prop('selected', true); //체크 $('#select1').prop('selected', false); //체크 해제 대부분 이런식으로 하면 된다. 하지만 나는 동적으로 html으로 만들어서 그런지 변경은 되는데 html이 변경이 되지않아서 인식이 잘안된다...ㅠ 그래서 그냥 selected를 다 삭제하고 선택하는 방법을 선택하였다. (정말 하고싶지 않았던 방식ㅜㅜ) 아래 코드와 같이 만들었다. //class = 'select1' 를 가지고 있는 selectbox가 많음.. 2022. 12. 20.
[jQuery] 체크박스 선택 및 해제하기 (attr, prop 차이 / 부모의 자식요소들 찾아서 전체 해제하는 법) checkbox를 선택 및 해제하는 방법에 대해서 포스팅할 거다. 1. attr() $(selector).attr('checked', 'checked'); //체크 $(selector).removeAttr('checked'); //체크해제 HTML 속성을 취급한다. 처음 한번은 체크가 잘되고 해제되지만 이후엔 발동하지않는다. (비추) 2. prop() $(selector).prop('checked', true); //체크 $(selector).prop('checked', false); //체크 해제 JS프로퍼티를 취급한다. 예제 [ html ] YES NO [ JS ] function Chktest(el) { //현재요소의 부모를 찾고 부모의 자식인 INPUT을 찾아서 체크 전부 해제 $(el).clos.. 2022. 10. 7.
728x90