jquery フォーム value_jquery の一般的なコード

WBOY
リリース: 2016-05-16 18:38:31
オリジナル
879 人が閲覧しました

jquery 操作フォーム要素コード
/*
ボタンがあるとします。 id="save"
$(document).ready(function(){
$("# save") .click(function(){
$("#save") .attr("disabled",true);//無効として設定 submit();// フォームがたくさんあっても問題ありませんID form1、最初のものだけが送信されます(笑)。
});
});
ドロップダウン メニューで選択した項目のテキストを取得します。
の値を取得して設定します。ドロップダウン メニュー;
ドロップダウン メニューをクリアします。
ラジオ ボタンの値を取得します。
チェック ボックスをオンにします。ボックスの値;
ラジオまたはチェックボックスが選択されているかどうかを判断します。
要素が使用可能かどうかを判断します。


1. ドロップダウン メニューで選択した項目のテキストを削除します

$("#select option[selected]").text();//select と option の間にはスペースがあり、option は select の子要素です $("#select option:selected") .text ();// $("#select").text(); と記述すると、すべてのドロップダウン メニューのテキストが選択されます

2. ドロップダウン メニューの値を取得および設定します

$("#select").val();//値を取得します $( "#select") .val("value");//選択に値 value を持つオプションがある場合、そのオプションが選択されます。それが存在しない場合、選択は変更を加えません。 🎜>
3. ドロップダウン メニューをクリアします

$("#select").empty();

$("#select").html("" );
4. 次のメニューに要素を追加します

$('').appendto($("# select "));

$("#select").append('');
5. ラジオボタンの値を取得します

$("#id[checked]").val();

6. ラジオまたはチェックボタンの選択

$("#id[value=val]").attr("checked",true);//$("#id[value=val]").attr("checked","");//選択をキャンセル

$("#id[value=val]").attr("checked ", false);//選択をキャンセルします

$("#id[value=val]").removeattr("checked");//選択をキャンセルします
7. チェックボックスの値を取得します


$("input[type=checkbox][checked]").each(function(){
alert($( this) ).val());

})

// $("input[type=checkbox][checked]").val() を使用すると、最初に選択された値のみが返されます
8. ラジオまたはチェックボックスが選択されているかどうかを判断します


if($("#id").attr("checked")){}//選択されています
if($("#id").attr("checked")==true){}//選択されていると判断します

if($("#id").attr("checked") == 未定義){}//裁判官が選ばれていません


9. 要素が利用可能かどうか


$("#id").attr("disabled",false);//利用可能に設定
$ ("# id").attr("disabled",true);//無効に設定します

10. 要素が利用可能かどうかを判断します

if($("#id").attr("disabled")){}// 利用可能かどうかを判断します利用不可
if ($("#id").attr("disabled")==unknown){}//判定可能


テキスト ボックス操作

値: var textval = $("#text_id").attr("value");
var textval = $("#text_id").val();
内容のクリア: $("# txt").attr ("value",");

内容を埋める: $("#txt").attr("value",'123');
テキストフィールドの操作

値: var textval = $("#text_id").attr("value");
var textval = $("#text_id").val();
コンテンツのクリア: $("# txt").attr("value",");
内容を記入: $("#txt").attr("value",'123');

ラジオボタン操作

値: var valradio = $("input[@type=radio][@checked]").val() //Radio
varが1セットのみの場合valradio =$( 'input[@name=chart][@checked]').val(); //Radio のグループが複数ある場合は、名前に応じて 1 つのグループの値を取得します


ドロップダウン ボックスの操作
値: var selectval = $('#sell').val();
選択の設定: $("#select_id").attr("value" ,'test');//Set value= テスト項目は、現在選択されている項目
に新しい項目を追加します: $("").appendTo("#select_id")//ドロップダウン ボックスのオプションを追加します
ドロップダウン ボックスをクリアします: $("#select_id").empty ();//ドロップダウン ボックスをクリアします
複数選択ボックス 操作

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