체크박스를 이용해서 개발을 진행할때 전체 버튼을 이용해서 체크박스들을 체크하거나 해제해야 하는 경우가 빈번하게 있습니다. 그래서 간단하게 샘플소스를 구현해 봤습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 $(document).ready(function(){ //전체 체크박스 클릭 $("#checkAll").click(function() { if ($("#checkAll").prop("checked")) { $(".test").prop("checked", true); } else { $(".test").prop("checked", false); } }); /..
이번에 서버 사이드로 DataTable을 이용해 테이블을 만들다가 DataTable에서 지원해주는 CSV다운로드 기능도 사용하게 되었는데 프런트 사이드는 전체 행을 다운로드할 수 있지만 서버 사이드로 할 때에는 일부의 행만 다운로드가 가능했습니다. 대략적인 이유는 아래와 같은데.. According to DataTables documentation there is no way to export all rows when you are using server side: Special note on server-side processing: When using DataTables in server-side processing mode (serverSide) the selector-modifier has ver..
a태그에 링크 기능을 넣지 않거나 아직 링크가 없을 경우 href값에 #을 넣습니다. href값이 #일 경우 링크를 눌러도 아무런 반응이 없게 하는 방법은 아래와 같이 많은 방법이 있습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 자바스크립트 실행할 a 태그 // 모든 기존 선언된 이벤트 무시하기 $('#tag').click(function (e) { e.preventDefault(); }); // 단순히 링크가 동작하지 않게 하기 $('#tag').click(function () { return false; }); // 모든 태그에 대한 이벤트 끄기 - 1 $(document).on('click', 'a[href="#"]', function..
제이쿼리 사용해서 체크박스, 라디오 상태 체크 및 해제하기 버튼을 클릭하지 않고 input 태그의 상태를 클릭하거나 하지 않은 상태로 변경하려면 제이쿼리의 .prop() 속성을 사용하면 매우 간단하게 체크박스나 라디오 박스의 상태를 변경할 수 있습니다. .prop() 속성은 attr() 속성과 매우 비슷한데 현재 속성값을 가져오거나 변경할 수 있는 매우 유용한 메소드입니다. $(선택요소).prop('checked', true or false); input 체크박스, 라디오 상태 체크 및 해제 예제 아래와 같이 간단하게 사용할 수 있습니다. 1234 체크박스 ClickColored by Color Scriptercs 123function check(){ $( "#test" ).prop( "checked",..
체크 박스 선택 여부 결정 한뒤 value값 넣는데에 두가지 방법이 있습니다. 1. .prop() 메서드 사용 1cs 12345if($("#test").prop("checked")){ $("#test").val(1);}else{ $("#test").val(0);}cs 2. .is() 메서드 사용 1cs 12345if($("#test").is(":checked")){ $("#test").val(1);}else{ $("#test").val(0);}cs 이런식으로 간단하게 사용할 수 있습니다.
1) www.jquery.com, www.jqueryui.com2) 특징- 가볍고, 빠르며, 간결한 오픈소스 자바스크립트 라이브러리Prototype, Dojo, mootools, yui, node.js, augular.js, ...- 막강한 css selector- 크로스 브라우저 지원- Ajax 지원- 풍부한 플러그인 지원- 메서드 체인 지원 3) 문법JQuery();$();인자로 selector를 지정한 경우에는 일치되는 모든 요소를 찾는다.인자로 html태그를 지정한 경우에는 동적으로 그 요소를 생성한다.인자로 특정 DOM요소를 지정하면, 그 요소의 JQuery래퍼를 생성한다.인자로 function을 지정하면, $(document).ready()와 동일하다. 4) 라이브러리 사용법- 다운로드- CD..