ホームページ > 記事 > ウェブフロントエンド > ドロップダウン ボックス、ラジオ ボタン ボックス、および複数選択ボックスに対する jQuery 操作_jquery
ドロップダウン ボックス:
//ドロップダウン メニューで選択された項目のテキストを取得します (中央のスペースに注意してください)
var cc1 = $(".formc select[@name='country'] option[@selected ]").text() ;
//ドロップダウン メニューで選択した項目の値を取得します
var cc2 = $('.formc select[@name="country"]').val ();
//選択された項目のドロップダウン メニュー ID 属性値の値を取得します
var cc3 = $('.formc select[@name="country"]').attr(" id");
//ドロップダウン ボックスをクリアします//
$ ("#select").empty();$("#select").html('');
/ /ドロップダウンボックスのオプションを追加
$("
ちょっとした説明:
select[@name='country'] オプション[@selected]
は、name 属性を持ち、属性値が「country」である select 要素内の selected 属性を持つ option 要素を表します。 @ で始まるものは、その後に続くものが属性であることを意味していることがわかります。
ラジオボタン:
//ラジオボタンの選択項目の値を取得します(途中にスペースがないことに注意してください)
$("input[@type=radio][@checked]").val() ;
//Set ラジオボタン value=2 が選択されます (中央にスペースがないことに注意してください)
$("input[@type=radio][@value=2]").attr ("チェック済み",'チェック済み');
チェックボックス:
//チェックボックスの最初に選択された項目の値を取得します$("input[@type=checkbox][@checked]").val();
//チェックがあるためbox 通常、複数の項目が選択されているため、出力をループすることができます
$("input[@type=checkbox][@checked]").each(function(){
alert($(this) .val() );
});
//未チェック
$("#chk1").attr("チェック済み",'');
//チェック済み
$( " #chk2").attr("checked",true);
//チェックされているかどうかを判断します
if($("#chk1").attr('checked')==unknown){ }