検索

ホームページ >ウェブフロントエンド >jsチュートリアル >ラジオ ボタン、複数選択ボックス、テキスト ボックス、その他の操作に関する一般的な jQuery 操作の概要_JavaScript スキル

ラジオ ボタン、複数選択ボックス、テキスト ボックス、その他の操作に関する一般的な jQuery 操作の概要_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 17:04:511294ブラウズ

1. テキスト ボックス、ラジオ ボタン、チェック ボックス、関連操作

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

var sex=$("input[name='sex']:checked").val(); // 選択されたラジオのセットを取得します。 items The value of
var item=$("#sel option:selected").text(); // select
var option_num=$('#sel') で選択された項目のテキストを取得します。 val(); // 選択プロジェクトのインデックスを取得します
$ ("#SEL") [0] .selectEdindex = 1; // 選択ドロップダウン ボックスの 2 番目の要素は、現在の選択値です
$ ("input [name = 'sexx sex ']").get(1).checked=true; //ラジオ選択グループの 2 番目の要素は、現在選択されている値です

または、ラジオ ボタンのデフォルトの選択を設定します:
$("input[name='sex']").each(function(){
=s){
$(これ) .attr("checked", true); 🎜>

Jquery は、値 value


コードをコピーします
コードは次のとおりです:
< ;script>
function bao(s)
{
txt.value=s ;
//選択後、最初の項目が選択されるようにします。変更があるようにします。
document .all.sel.options[0].selected=true;
}






2. jQuery は Select


コードをコピー
コードは次のとおりです。 構文の説明: $("# select_id").change(function(){//code...}); //いずれかの選択が選択されたときに、Select のイベントを追加します。アイテムの選択時にトリガーされます var checkText=$("#select_id" ).find("option:selected").text(); //Selectで選択されたテキストを取得します var checkValue=$("#select_id") .val(); //Select var checkIndex=$("#select_id ").get(0).selectedIndex; //Select
で選択されたインデックス値を取得します var maxIndex=$(" #select_id option:last").attr("index "); //Select
の最大インデックス値を取得します

jQuery は、Select によって選択された Text と Value を設定します。

構文の説明:
$("#select_id ").get(0).selectedIndex=1; //Select を設定します。インデックス値 1 の項目を選択
$("#select_id ").val(4) //Select の値を 4 に設定して項目を選択 $("#select_id option[text=' jQuery']" ).attr("selected", true); //Select の Text 値を選択された jQuery 項目に設定します


jQuery は Select の Option 項目を追加/削除します:
構文説明:
$("#select_id").append(" ") ; //Select のオプションを挿入 (最初の位置)

$("#select_id option:last").remove(); //Select の最大のインデックス値を持つオプションを削除します (最後の位置)

$( "#select_id option[index='0']").remove(); //Select のインデックス値 0 のオプション (最初のオプション) を削除します $("#select_id option[value= '3'] ").remove(); //Select の Value='3' のオプション
を削除 $("#select_id option[text='4']").remove(); //テキストを削除=' 選択 4' オプション

アプリケーション:

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






jQuery common








< ;/p>





声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：node_javascript スキルの兄弟、親、子要素を取得するための JS メソッド次の記事：node_javascript スキルの兄弟、親、子要素を取得するための JS メソッド

関連記事

続きを見る