ホームページ > ウェブフロントエンド > jsチュートリアル > すべてのフォーム値を取得するための JQuery 実装コード [IE はまだサポートされていません]_jquery

すべてのフォーム値を取得するための JQuery 実装コード [IE はまだサポートされていません]_jquery

WBOY
リリース: 2016-05-16 17:53:05
オリジナル
963 人が閲覧しました

IE は現在
CSS をサポートしていません:

コードをコピー コードは次のとおりです:

body{
margin:0;
padding:0;
}
div{
margin:0;
padding:0;
}
.container{
margin-left:10%;
margin-right:10%;
}
ul li{
list-style:none;
}
ul {
🎜> パディング:0 10px;

width:300px;
パディング:0;
margin:0 10px 0 0 ;
ボーダー右: 1px solid #aeceeb;
}
#right {
-left:300px;
;
}
</style>


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("の値を取得できますテキストには以下の方法を使用します:
"
"" テレビ "" "
"
"

" '$("#mytxt").val()' "
"
'$(this).find(":input[type='text']").val( )' "
"
'$(this).find(":input[name='txtname']").val()' "
"

");
*/
//$("#result1").lay(30000).fadeOut();
//tv.attr(value, ''); clean value
// textarea 値を取得
var av = $("#myarea").val();
$("#result2").text(av);
/* $ ("#result2").append("textarea の値は、以下のメソッドを使用して取得できます:
"
"" av "" "
"
'

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

");
*/
//$("#result2").lay(30000).fadeOut();
var str = "";
/* $("select").change(function () {
$ ("選択オプション:選択済み").each(function () {
str = $(this).val();
});
$("#result3").text(str) ;
})
.trigger('change');
*/
// $("select[name='garden'] option:selected") 複数ある場合 select
$("select[id='mysel'] option:selected").each(function () {
str = $(this).val();
});
$("#result3").text(str);
var str2 = "";
$("select[id='multisel'] option:selected").each(function) () {
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 " がチェックされました! " );
return false;
});
}
form();

HTML:
复制代码代码如下:



   



Get All Form Elments Value




   

           

  •        

    Text


           
           

  •    

  •        

    TextArea


           
       

  •    

  •        

    Single Select


           
       

  •    

  •    

    Multiple Select


       
       

  •    

  •        

    Check Box


            apple
            banana
            pear
            cherry
            strawberry
       

  •    

  •        

    Radio


           

       
       
           

           

               
               
           

           

               
               
           


  •    






関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート