[JQuery] 선택된 라디오 버튼만 checked 되게 설정하기

2023-09-07 1. 방법 prop 를 사용해 우선 해당 클래스의 버튼들을 checked false로 만든 이후 선택된 라디오 버튼만 checked 로 만들면 된다. Option 1 Option 2 Option 3 2. JavaScript로 가져오는 방법 https://seeminglyjs.tistory.com/526 [JavaScript] 선택된 라디오 버튼만 checked로만들기 2023-09-07 1. 방법 prop 를 사용해 우선 해당 클래스의 버튼들을 checked false로 만든 이후 선택된 라디오 버튼만 checked 로 만들면 된다. Option 1 Option 2 Option 3 2. JQuery 가져오는 방법 https://seeminglyjs.tistory. seeminglyjs..

• format_list_bulleted WEB/jQuery
• · 2023. 9. 7.
• textsms

[jQuery] ajax로 window.location.href = "CSV 파일 다운로드" 구현

2023-06-06 1. 방법 한글 인코딩 필요 없는 경우는 아래와 같이 $.ajax({ url: downloadUrl, method: "GET", dataType: "text", success: function(response) { // 텍스트 응답을 받았을 때 실행되는 코드 // response 변수에는 텍스트 데이터가 들어있습니다. // 파일 다운로드를 위한 Blob 객체 생성 var blob = new Blob([response], { type: "text/csv;charset=utf-8;" }); // 파일 다운로드 링크 생성 var downloadLink = document.createElement("a"); downloadLink.href = URL.createObjectURL(blob); ..

• format_list_bulleted WEB/jQuery
• · 2023. 6. 6.
• textsms

[jQuery] 제이쿼리를 slideToggle을 사용법 알아보기.

2021-05-01 제이쿼리 문법으로 마치 2 Depth 구조와 같은 느낌을 줄 수 있는 슬라이드 effect 함수가 존재하는데, 이 함수의 사용법을 알아보자. - slideDown() / slideUp() slideDown() / slideUp() 이 두 함수는 단순 슬라이드를 내리고 올리는 기능만 가능하다. 때문에 보통은 잘 사용되지 않고 올리고 내리는 두 가지 기능이 모두 되는 slideToggle이 사용되는 경우가 많다. - slideToggle() Hello Hello Hello ​ 예제 코드는 아래와 같으며, 최초 접속시에는 아래와 같은 화면이 나타난다. slideToggle()은 현재 div1 태그가 클릭 시에 발생되도록 걸어두었으며, 아래의 Hello div 영역을 클릭하면 동작하게 된다...

• format_list_bulleted WEB/jQuery
• · 2021. 5. 1.
• textsms

[jQuery] 제이쿼리를 이용한 href(링크) 부여 attr/location

2021-04-17 태그를 이용하여 링크를 부여하는 방식이 일반적이나, 제이쿼리 내부에서도 이벤트를 걸어서 링크를 부여할 수 있다. 오늘은 그 방법을 알아보도록 하자. - 예제 코드 예제 코드는 3개의 버튼을 만들고 각 버튼에 검색 포털 사이트로 가는 링크를 걸어 두었다. 네이버 다음 구글 ​ 여기서 주의 깊게 봐야하는 코드는 아래의 코드이다. $(location).attr("href", "이동하고 싶은 링크") 여기서 선택된 location은 인터페이스로써 객체가 연결된 장소(URL)를 표현한다. (다른 말로 현재의 url 정보를 가지고 있다.) Location 인터페이스에 변경을 가하면 연결된 객체에도 반영되게 된다. 여기서의 연결된 객체는 button 태그라고 볼 수 있으며, button 태그에 속..

• format_list_bulleted WEB/jQuery
• · 2021. 4. 17.
• textsms

[jQuery] 제이쿼리 hide / show 메소드 알아보기

2021-04-14 jquery에서 제공하는 효과 중 hide와 show 메서드가 존재한다. 메서드 이름에도 느껴지듯이 지정된 객체를 숨기고 드러내는 역할을 한다. - 예제 1. -----Hello World----- hide show ​ 위의 예제 코드는 hide 의 클릭이벤트 발생 시에는 div 태그 내용을 숨기고, show의 클릭이벤트 발생 시 div 태그를 다시 나타내는 태그이다. show를 눌렀을 경우 hide를 눌렀을 경우 - 추가사항 show 와 hide 에는 매개 값없이 사용하는 방법도 있지만 아래와 같이 두 가지 매개 값을 받을 수 있다. 첫 번째는 해당 메서드가 실행되는 속도이며, 두 번째는 콜백 함수이다. $(selector). hide(속도, 콜백함수); $(selector). sh..

• format_list_bulleted WEB/jQuery
• · 2021. 4. 14.
• textsms

[jQuery] 제이쿼리 append 와 after 차이 알아보기

2021-03-31 기존의 HTML 문서의 추가적인 태그 및 데이터를 삽입하고자 할 때 append와 after를 고민하고는 하는데 오늘은 이 둘의 차이를 알아보자 - append 와 after의 정의 * append : 선택한 요소의 끝에 콘텐츠를 삽입합니다. * after : 선택한 요소 뒤에 콘텐츠를 삽입합니다. 해당 메소드들의 정의를 읽어 보았을 때는 큰 차이가 없어 보이지만, 실제로 동작하는 방식은 크게 차이가 난다. 해당 두 메서드의 차이를 아래의 예제를 통해 알아보도록 하자. - 예제 아래의 예제는 두개의 div를 출력하는 태그이다. div1 div2 ​ 해당 예제를 통해 div1 에는 append 메서드를 div2에는 after를 이용해서 html 태그를 추가해 보도록 하자. - 결과 di..

• format_list_bulleted WEB/jQuery
• · 2021. 3. 31.
• textsms