목록Front/jquery (4)
현재노트
html 태그의 value 값을 jquery를 활용하여 다룰 수 있는 방법에 대해 간단하게 알아보겠습니다~ //1. By id var name_by_id = $('#test_id').val(); //불러오기 var name_by_id = $('#test_id').val('id'); //id 라는 문자열 입력하기 //2. By class var name_by_class = $('.test_class').val(); //불러오기 var name_by_class = $('.test_class').val('class'); //class 라는 문자열 입력하기 //3. By name var id_by_name = $('[name="test_name"]').val(); //불러오기 var class_by_name =..
안녕하세요, 이번 포스팅은 html 체크박스를 다루는 여러가지 방법에 대해 알아보겠습니다. 우선 기본적으로 체크박스에 이벤트를 주기 위해서는 click(function(){}) 함수를 사용합니다. 체크 유무에따른 특정 파라미터의 값을 변경하고자 할때 위의 코드처럼 사용하시면 됩니다. $("#checkboxEx").click(function() { if ($('#checkboxEx').is(':checked')) { $('#check_yn').val("Y"); } else { $('#check_yn').val("N"); } }); 감사합니다 :)
안녕하세요, 이번 포스팅은 input 태그에 영문입력 시 대문자로 변환해주는 스크립트를 알아보겠습니다. HTML 화면에서 Input에 대문자만 입력받아야 하는 경우가 있습니다 예들들면 쿠폰번호라든가 기타 다른 난수번호들을 입력받을때! 사용자가 소문자를 입력해도 자동으로 대문자로 바꿔주고 싶을때가 있습니다. 변경방법은 keyup이벤트를 이용해서 toUpperCase()를 이용하면 됩니다. HTML SCRIPT 위 코드대로 적용을하면 소문자로 입력되었따가 자동으로 대문자로 변경됩니다. 소문자로 변경되는 현상이 보기 안좋다고 생각이 드는분은 css로 작업이 가능합니다. style에 기능을 넣어줄 수 있지만, jquery에서 데이터를 찍어보면 대문자로 변경되어서 값이 저장되지는 않으니 필요에 맞게 사용하시면 되..