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

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

WBOY

リリース： 2016-05-16 17:13:21

オリジナル

1302 人が閲覧しました

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

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

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">

無題ドキュメント

jgdg

fgfooHello