1) checkbox checked 여부

id 인 경우 : $('input:checkbox [ id="checkbox_id" ]').is(":checked") == true;
name인 경우 : $('input:checkbox [ name="checkbox_name"]').is(":checked") == true;

2) checkbox 전체 갯수 : $('input:checkbox [ name="checkbox_name"]').length

3) checkbox 선택된 갯수 : $('input:checkbox [ name="checkbox_name"]:checked').length

4) checkbox 전체 순회 하며 checked 처리

$('input:checkbox [ name="checkbox_name"]').each(function() {
        this.checked = true;
        if ( $(this).is(":checked") ) {
                  처리로직;        
        }
});


5) checkbox value 값 가져오기

$('input:checkbox [ id="checkbox_id" ]').val();

5-1) checkbox value 여러개 값 한번에 가져오기

$('input[id="checkbox_id"]:checkbox:checked').map(function(){
        return $(this).val();
}).get().join(",");

6) checkbox checked 처리하기

$('input:checkbox [ id="checkbox_id"]').attr("checked", true);

'Jquery' 카테고리의 다른 글

jquery datepicker  (0) 2012.06.01
JQuery.js 와 Prototype.js 같이 사용하기  (0) 2010.09.06

tar 압축 풀기/하기

Server 2012. 6. 19. 10:06

압축 풀때

.tar확장자     tar xvf <파일명>
.tar.gz나.tgz확장자    
tar xvfz <파일명>

압축 할때

.tar확장자     tar cvf <파일명.tar> <압축할 폴더명>
.tar.gz나.tgz확장자   
tar cvfz <파일명.tar.gz> <압축할 폴더명>
                              tar cvfz <파일명.tgz> <압축할 폴더명>

압축하기 -c(create)
압축풀기 -x(extract)
압축 -z(없으면 압축하지않고 단순 묶음(tar))
퍼미션 -p(파일이나 폴더의 퍼미션까지 압축

'Server' 카테고리의 다른 글

Linux(cent os) teamview 설치하기  (0) 2020.12.17
Apache+Tomcat 연동후 SSL적용  (0) 2020.01.22
Apache v2.2 SSL설치 가이드  (0) 2020.01.22
Unable to read TLD "META-INF/c.tld" from JAR file  (0) 2013.10.17

jquery datepicker

Jquery 2012. 6. 1. 18:10

기본 사용법

$(function() {
    $( "#searchDate" ).datepicker({
        method
    });
});   

메소드 종류

showOn: 'button'     //우측에 달력 버튼 사용
buttonImage: '/images/icon_cal.gif'     //버튼을 이미지로
buttonImageOnly: true     //버튼만 사용(원래는 인풋박스 클릭)
buttonText:"달력"    //버튼 텍스트
showButtonPanel: true     //하단 버튼 패널 보이기(today,done)
showMonthAfterYear:true     //년도 다음에 월 표시
dateFormat: 'yymmdd'    //날짜표시포맷(yymmdd,yy.mm.dd,yy-mm-dd 등)
changeYear: true    //년도 선택 셀렉트 박스 표시
changeMonth: true    //월 선택 셀렉트 박스 표시
minDate: '-0d'    //최소 이전 날짜(-0d:오늘부터) null은 제한없음
showOtherMonths: true    //나머지날짜도 화면에 표시,선택은 불가
selectOtherMonths: false    //나머지날짜도 선택하려면 true 


한글화

    $.datepicker.regional['ko']= {
          closeText:'닫기',
          prevText:'이전달',
          nextText:'다음달',
          currentText:'오늘',
          monthNames:['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
          monthNamesShort:['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
          dayNames:['일','월','화','수','목','금','토'],
          dayNamesShort:['일','월','화','수','목','금','토'],
          dayNamesMin:['일','월','화','수','목','금','토']};
   
    $.datepicker.setDefaults( $.datepicker.regional[ 'ko' ] );

토,일요일 선택 불가

function noWeekend(date) {
      return [date.getDay() != 0 && date.getDay() != 6, ''];
}
beforeShowDay: noWeekend 메소드 추가

토,일요일 색깔 변경

.ui-datepicker-week-end {color:red;}
.ui-datepicker-week-end .ui-state-default {color:red;}

 //휴일을 배열로 설정
    var holidays = {
            "0101":{type:0, title:"신정"},
            "0301":{type:0, title:"삼일절"},
            "0505":{type:0, title:"어린이날"},
            "0606":{type:0, title:"현충일"},
            "0815":{type:0, title:"광복절"},
            "1003":{type:0, title:"개천절"},
            "1225":{type:0, title:"크리스마스"}
    };

 var holiday = holidays[$.datepicker.formatDate("mmdd",day )]; //표시날이 휴일인지 체크

css

.date-holiday0 .ui-state-default {  background-image: none; background-color: #684468;border-color: #535353}

달력 버튼 css적용

$('img.ui-datepicker-trigger').css({'position':'relative','top':'5px'});

2개 입력시 마감날짜가 시작날짜 전을 선택하지 못하게 하는 경우

onSelect: function( selectedDate ) {
                var option = this.id == "startDate" ? "minDate" : "maxDate",
                    instance = $( this ).data( "datepicker" );
                    date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings );
                dates.not( this ).datepicker( "option", option, date );
            }

달력 크기 조절
jquery-ui-xxx.css 파일에서 요부분을 찾아

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } font-size 를 원하는 크기로 요렇게 바꿔주면 된다. 달력 팝업 사이즈를 크게 하고 싶을때는 font 크기를 크게하고 작게 하고 싶을때는 font 크기를 작게 해주면 팝업창이 쥐똥만하게 뜬다.

.ui-datepicker { width: 17em; padding: .2em .2em0; display: none; font-size: 20px;}




'Jquery' 카테고리의 다른 글

jquery checkbox관련 기능  (0) 2012.07.03
JQuery.js 와 Prototype.js 같이 사용하기  (0) 2010.09.06
1 ··· 4 5 6 7 8 9 10 ··· 18 

글 보관함

카운터

Total : / Today : / Yesterday :
get rsstistory!