터미네

안녕하세요. 터미네입니다. 이번 포스팅은 jQuery로 라디오버튼 및 체크박스를 사용하는것을 소개합니다. 코드와 함께 설명 드리겠습니다. 우선 아래 html 코드 기반으로 jQuery 활용예제를 살펴볼게요. 사과 배 수박 축구 야구 배구 jQuery radio버튼 활용 radio버튼은 name이 동일할 경우 무조건 하나만 선택이 가능합니다. 사과를 선택하면 라디오버튼이 체크될텐데, 이때 배를 또 선택하면 사과에 체크된 것이 사라집니다. 사과, 배, 수박 중 하나를 선택 후에 "값확인" 버튼은 눌러 값을 확인하는 function을 구현해보겠습니다. function checkRadioValue(){ console.log($("input[name=fruit]:checked").val()); //alert($(..

안녕하세요. 터미네입니다. 이번 포스팅은 jQuery each문 사용을 소개합니다. each문 사용은 언제쓰냐면, 해당요소에 대해 여러개의 요소들을 처리할 때 사용합니다. 제가 요소라고 부르는 곳에는 id(#id) , class(.class), 태그명(div, ul, li) 등등이 있습니다 $(요소).each(function (index, item) { ~~ 중략 ~~ }); 그럼, html과 같이 사용해보도록 하겠습니다. html에 div의 class명 fruit로 해보겠습니다. 사과 바나나 딸기 땅콩 class가 fruit인 div는 세 개이고 div는 네 개입니다. jQuery each문 두 개를 작성해보면 아래와 같습니다. 1) class fruit 요소에 대한 each문 2) div 네 개에 대..