반응형
1. 시험환경
˙ Javascript
2. 목적
˙ Javascript 이벤트 처리 코드를 참고하자.
3. 적용
① 변경 이벤트 처리 코드
- <select>선태한 option value를 selected 변수에 저장
|
1
2
3
|
$("#select-menu").change(function(){
var selected = $(this).val();
})
|
cs |
② 클릭 이벤트 처리 코드
|
1
2
|
$('#btn-example').click(function() {
});
|
cs |
③ 활성화 및 비활성화 처리 코드
|
1
2
|
$("#text-example").prop("disabled", true);
$("#text-example").prop("disabled", false);
|
cs |
④ <select>태그 selected option 값 가져오기
|
1
|
var selOption = $("select#sel-example option").filter(":selected").val();
|
cs |
⑤ Text 값 변경 처리 코드
|
1
|
$('#txt-example').val("sample text");
|
cs |
⑥ checkbox 변경(체크, 해제) 이벤트 발생시 처리 코드
- 변경 이벤트가 "체크"인 경우 처리 코드
|
1
2
3
4
5
|
$('input[name=chkbox-example]').change(function(){
if ($(this).prop("checked"))
{
}
});
|
cs |
※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다 ※
반응형
'자바스크립트 가시화 라이브러리' 카테고리의 다른 글
| Cecium.js 라이브러리 초기 설정 (html, cdn) (0) | 2022.10.22 |
|---|---|
| [vis.js] 라이브러리 설치 및 샘플 실행 (0) | 2022.07.25 |
| [bootstrap] ESC 또는 클릭 시 Modal 닫힘 방지 (0) | 2021.12.10 |
| [jQuery] 테이블 내용 업데이트(삭제, 추가)하는 코드 (0) | 2021.11.08 |
| [jQuery] ajax를 이용하여 json object를 controller 전달 코드 (0) | 2021.11.08 |