모든 양식 값을 얻기 위한 JQuery 구현 코드 [IE는 아직 지원되지 않습니다]

IE는 현재
CSS를 지원하지 않습니다:

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

JS:

코드 복사

코드는 다음과 같습니다.

function form(){
        $('#myform').submit(function() {
            // 텍스트 값 가져오기
            var tv = $("#mytxt"). val(),
                   tf = $(this).find(":input[type='text']").val(),
                   tn = $(this).find(":input[name ='txtname']").val();
            $("#result1").text(tv);
            /*$("#result1").append("다음 값을 얻을 수 있습니다. 텍스트는 아래 방법을 사용하세요.
"
                          '" tv "" "
"
                                  "

" '$("#mytxt").val()' "
"
                         '$(this).find(":input[type='text']").val( )' "
"
                           '$(this).find(":input[name='txtname']").val()' "
"
                           " ");
            */
            //$("#result1").delay(30000).fadeOut();
            //tv.attr(value, ''); 깨끗한 값
            // 텍스트 영역 값 가져오기
            var av = $("#myarea").val();
            $("#result2").text(av);
            /*    $ ("#result2").append("아래 방법을 사용하여 텍스트 영역의 값을 얻을 수 있습니다:
"
                         "" av "" "
"
                          '

$("#myarea").val()'
"

");
            */
//$("#result2").delay(30000).fadeOut();
            var str = "";
        /*    $("select").change(function () {
          $ ("옵션 선택:선택").each(function () {
               str = $(this).val();
             });
         $("#result3").text(str) ;
        })
        .trigger('change');
        */
        // $("select[name='garden'] option:selected") 여러 선택이 있는 경우
        $("select[id='mysel'] 옵션:선택됨").each(function () {
          str = $(this).val();
        });
        $("#result3").text(str);
        var str2 = "";
        $("select[id='multisel'] 옵션:선택됨").each(함수 () {
          str2 = $(this).val() " ";
        });
        $("#result4").text(str2);
        var str3 = [];
        $("input[name='checkme']:checked").each(function(){
                str3.push($(this).val());
        });
        var oa = "";
        $.each(str3, function(key,val){
            oa = key ":" val;
        });
        $("#result5") .text(oa);
        var ck = $("input[type='radio']:checked").val();
        $("#result6").html( ck "가 확인되었습니다! " );
            false 반환;
        });
    }
    form();

HTML：

复主代码代码如下: