JavaScript 이벤트 처리 코드

1. 시험환경

    ˙ Javascript

 

2. 목적

    ˙ Javascript 이벤트 처리 코드를 참고하자.

 

3. 적용

    ① 변경 이벤트 처리 코드

        - <select>선태한 option value를 selected 변수에 저장

$("#select-menu").change(function(){
    var selected =  $(this).val();
})

 

    ② 클릭 이벤트 처리 코드

$('#btn-example').click(function() {
});

 

    ③ 활성화 및 비활성화 처리 코드

$("#text-example").prop("disabled", true);
$("#text-example").prop("disabled", false);

 

    ④ <select>태그 selected option 값 가져오기

var selOption = $("select#sel-example option").filter(":selected").val();

 

    ⑤ Text 값 변경 처리 코드

$('#txt-example').val("sample text");

 

    ⑥ checkbox 변경(체크, 해제) 이벤트 발생시 처리 코드

        - 변경 이벤트가 "체크"인 경우 처리 코드

$('input[name=chkbox-example]').change(function(){
    if ($(this).prop("checked"))
    {
    }
});

 

 

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다 ※