LazyForm jQuery 플러그인 CheckBox Radio 및 Select_jquery 사용자 정의

Firefox, IE7, IE8, Google Chrome 브라우저에서 테스트 및 통과되었습니다. (IE6에서는 잊어버리세요.) 아직 다른 브라우저에서는 시도해보지 않았습니다. 현재 4개의 스킨이 추가되었습니다. 추가된 스킨 사진과 CSS 코드를 참고하시면 금방 완료되실 거라 믿습니다.

효과 스크린샷: 1. LazyForm을 사용하지 않고 XP에서 실행한 스크린샷은 다음과 같습니다 2. LazyForm(skin Blue)을 사용한 효과는 다음과 같습니다. 3. LazyForm(스킨 블랙) 사용 효과는 다음과 같습니다 4. 스킨 기본값 5. demo.html 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. :

demo-lazyform 본문 { 글꼴: 12px Simsun, Arial, Helvetica, sans-serif; 줄 높이: 20px; }

$(function() { $('#form1').submit(function() { var skin = $('#ddlSkin option:selected').val(); $('#lazyFormSkin').attr('href', 'css/' skin '/lazyform.css') skin = '스킨: ' skin

var 성별: ' $('input[name=gender]:checked').val(); var sexual2 = 'Gender2: ' $('input[name=gender2]:checked').val ();

var Hobby = '취미: ' ($('#cbxBaskball').is(':checked') ? $('#cbxBaskball').val() ' ': '') ($('#cbxFootball').is(':checked') ? $('#cbxFootball').val() ' ' : '') ($('#cbxSwimming' ).is(':checked') ? $('#cbxSwimming').val() ' ' : '') var Hobby2 = "Hobby2: " ($('#cbxBaskball2'). is(':checked') ? $('#cbxBaskball2').val() ' ' : '') ($('#cbxFootball2').is(':checked') ? $('#cbxFootball2 ').val() ' ' : '') ($('#cbxSwimming2').is(':checked') ? $('#cbxSwimming2').val() ' ' : '');