ホームページ  >  記事  >  ウェブフロントエンド  >  Jquery 操作ラジオ、チェックボックス、フォーム操作の実装 code_jquery

Jquery 操作ラジオ、チェックボックス、フォーム操作の実装 code_jquery

WBOY
WBOYオリジナル
2016-05-16 18:28:23846ブラウズ

1.
jQuery は、Select で選択されたテキストと値を取得します。$("#select_id").change(function(){//code... } ); //項目の 1 つが選択されたときにトリガーされる、Select のイベントを追加します
2.find("option:selected").text();選択範囲のテキストを取得します
3. var checkValue=$("#select_id").val(); //Select で選択された値を取得します
4. var checkIndex=$("#select_id ").get (0). selectedIndex; //Select
5 で選択されたインデックス値を取得します。 var maxIndex=$("#select_id option:last").attr("index");

jQuery は、Select によって選択されたテキストと値を設定します:
1. $("#select_id ").get(0).selectedIndex=1; //選択する項目を選択インデックス値 1 に設定します。
2. $(" #select_id ").val(4); //項目を選択するには、Select 値を 4 に設定します。
3. $("#select_id option[text='jQuery']") .attr("selected", true ); //Select の Text 値を選択された jQuery 項目に設定します

jQuery は Select の Option 項目を追加/削除します:
1. ).append(""); // オプション (ドロップダウン項目) を選択
2 に追加します。 (""); //Select
3 にオプション (最初の位置) を挿入します。 $("#select_id option:last").remove( ); //最大オプションのインデックス値を削除します (最後のもの)
4. $("#select_id option[index='0']").remove(); //インデックス値 0 のオプションを削除しますin Select (最初の 1 つ)
5. $("#select_id option[value='3']").remove(); //Select
の Value='3' のオプションを削除します。 ("#select_id option[text='4 ']").remove(); //Select
7 の Text='4' を削除します。 /すべての項目を削除


2. チェックボックス
選択/キャンセル
jQuery.attr オブジェクトの属性値を取得/設定します。
$(" input[name='chk_list']").attr( "checked"); //「chk_list」という名前のすべてのオブジェクトのステータスを読み取ります (選択されているかどうか)
$("input[name='chk_list']") .attr("checked",true); // 'chk_list' という名前のすべてのオブジェクトに対してチェックを true に設定します
$("#img_1").attr("src","test.jpg"); ID が img_1 である src の値 'test.jpg' の場合
$("#img_1").attr("src"); //ID img_1 の src 値を読み取ります
次のコードは、上記の例のチェックボックスの値を取得するものです: