ホームページ >ウェブフロントエンド >jsチュートリアル >すべてのフォーム値を取得するための JQuery 実装コード [IE はまだサポートされていません]_jquery
すべてのフォーム値を取得するための JQuery 実装コード [IE はまだサポートされていません]_jquery
- WBOYオリジナル
- 2016-05-16 17:53:05952ブラウズ
IE は現在
CSS をサポートしていません:
コードをコピー コードは次のとおりです:
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;
;
}
＆lt;/style＆gt;
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
< /div>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。