welcome to haddoddo place🤩

IT & Development & Daily Log

#Hi

개발/javascript&jQuery 2

[JQuery] 라디오, 체크박스, 셀렉트박스 선택 값 가져오기, 이벤트 처리

안녕하세요 하또또입니다.오늘은 Jquery를 이용하여 라디오라디오 버튼,셀렉트박스의 체인지 이벤트와 체크박스 클릭 이벤트를 처리하는 방법을 정리해보도록하겠습니다. 1. 셀렉트 박스 체인지 이벤트 HTML Volvo Saab Opel Audi Jquery$(document).ready(function() { $('#selectID').on('change',function(){ var x = $(this).val(); alert(x); }) }); 2. 라디오 버튼 체인지 이벤트 HTML Jquery$(document).ready(function(){ $("input:radio[name=country]").on('change',function(){ var x =$(this).attr('id'); alert(..

[javascript/jQuery] id, name, class 값 가져오기

안녕하세요, Haddoddo입니다. 오늘은 javascript와 jquery에서 자주 사용하는 id, name, class를 사용해 value를 가져오는 방법에 대해 정리해보도록 하겠습니다. ○ id흔히 HTML에서 사용하는 id는 객체에 이름을 부여할 때 사용하지만 중복을 허용하지 않습니다.id값을 왜 중복으로 사용하면안될까요? 이유는 여러 가지가 있습니다. 1. name의 값은 중복될경우 배열로 처리가 가능하지만 id는 그렇게 사용할 수 없습니다.2. id는 javascript와 css에서 접근하기 용이합니다. 하지만 중복된 값이 있다면 제대로 수행을 못합니다. 사용법- javascript var x = document.getElementById("test").value; console.log(x) ..