ホームページ > ウェブフロントエンド > jsチュートリアル > 入力値を操作する jQuery のさまざまなメソッドのまとめ_jquery

入力値を操作する jQuery のさまざまなメソッドのまとめ_jquery

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

選択された値を取得します
ラジオで選択された項目のグループの値を取得します

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

var item = $('input[@name=items][@checked]').val();

選択されたテキストの取得item
コードをコピー コードは次のとおりです。

var item = $("select[ @name=items] option[ @selected]").text();

選択ドロップダウン ボックスの 2 番目の要素は、現在選択されている値です
コードをコピーします コードは次のとおりです:

$('#select_id')[0].selectedIndex = 1;

ラジオラジオ選択グループ要素の 2 番目は、現在選択されている値です。
コードをコピー コードは次のとおりです:

$('input[@ name=items]').get(1).checked = true;

値の取得:
テキスト ボックス、テキスト エリア:
コードをコピー コードは次のとおりです:

$(" #txt").attr("値");

$("#txt").val();


複数選択ボックス チェックボックス:
コードをコピー コードは次のとおりです:

$("#checkbox_id").attr("value");

ラジオ選択グループ radio:
コードをコピーします コードは次のとおりです:

$("input[@type=radio] [@checked]") .val();

ドロップダウン ボックスの選択:
コードをコピー コードは次のとおりです:

$('#sel').val();

コントロール フォーム要素:
テキスト ボックス、テキスト エリア:
コードをコピー コードは次のとおりです:

$("#txt")。 attr("value",'');//内容をクリア
$("#txt").attr("value",'11');//内容を埋める

複数選択ボックスのチェックボックス:
コードをコピー コードは次のとおりです:

$("# chk1").attr("checked",'');//Check
$("#chk2").attr("checked",true);//Tick
if($( "#chk1").attr('checked')==unknown) // チェックされているかどうかを判断します

ラジオグループ radio:
コードをコピー コードは次のとおりです:

$("input[@type=radio]").attr("checked",'2' );// value=2 の項目を現在選択されている項目として設定します

ドロップダウン ボックスの選択:
コードをコピー コードは次のとおりです:

$("#sel" ).attr("value",'-sel3');//value= で項目を設定します。現在選択されている項目として -sel3
$("1111 2222").appendTo("#sel" )//ドロップダウン ボックスのオプションを追加します
$("#sel").empty();//ドロップダウン ボックスをクリアします

=======================

Jquery では、$("#id") を使用してページの入力要素を取得します。これは document.getElementById("element") と同等ですが、取得されるのは dom 要素ではなく、Jquery オブジェクトです。 Valueはdom要素オブジェクトの属性であるため、$("#id").valueでは値を取得できません。 Value: val = $("#id") )[0].value; $( "#id")[0].value = "新しい値"; 代入: $("#id")[0].value = "新しい値";
("#id").val( "新しい値"); val = $("#id").attr("値");

==================================

jquery input text radio check select


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

< ;html xmlns ="http://www.w3.org/1999/xhtml">


無題ドキュメント

dd

ff

55

jgdg

jgdg







fgfooHello

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