ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery共通オペレーションコード_jquery

JQuery共通オペレーションコード_jquery

WBOY
リリース: 2016-05-16 18:32:25
オリジナル
934 人が閲覧しました

//オプションを調べてオプションを追加および削除します
functionchangeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != " CA"){
$("select[@name=ISHIPTYPE] オプション").each(function(){
if($(this).val() == 111){
$ ( this).remove();
}
}
else

{
$("
UPS Ground }
}


//ドロップダウンメニューの選択値を取得します

$( #testSelect オプション:selected').text();
または $("#testSelect").find('option:selected').text();
または $("#testSelect") .val();
/////////////////////////// ///// ////////////////////////
記憶力が悪い場合は、保存してください:
1、ドロップ-down box:

var cc1 = $(".formc select[@name='country'] option[@selected]").text() //選択された項目のテキストを取得します。ドロップダウン メニュー (中央のスペースに注意してください)
var cc2 = $( '.formc select[@name="country"]').val(); // で選択された項目の値を取得します。ドロップダウン メニュー
var cc3 = $('.formc select[@name="country"]' ).attr("id"); //ドロップダウンで選択された項目の ID 属性値を取得しますmenu
$("#select").empty();//ドロップダウンボックスをクリア//$("#select") .html('');
$("
1111
少し説明します:
1.select[@name='country'] オプション[@selected] は、name 属性
があり、属性値が 'country' である select 要素内の selected 属性を持つオプション要素を意味します。 @ で始まるものは、その後に続くものを意味します。属性。

2, ラジオボタン:
$("input[@type=radio][@checked]").val() //ラジオボタンの選択項目の値を取得します(注)中央 スペースなし)
$("input[@type=radio][@value=2]").attr("checked",'checked') //ラジオ ボタンの value=2 を選択した値に設定します。 state. (間にスペースがないことに注意してください)

3、チェックボックス:
$("input[@type=checkbox][@checked]").val();チェックボックスを選択した状態を取得します 最初の項目の値
$("input[@type=checkbox][@checked]").each(function(){ //通常は複数のチェックボックスが選択されているため、出力はループされる
alert($(this).val());

$("#chk1").attr("checked",'');//チェックを解除
$("#chk2").attr("checked",true);//Tick
if($("#chk1").attr('checked')==unknown){} //チェックされているかどうかを確認します


もちろん、jquery のセレクターは強力です。





ああああ



var item = $('input[@name=items][@checked]' ). val();
select
var item = $("select[@name=items] option[@selected]").text();ドロップダウン ボックスの項目 2 つの要素は現在選択されている値です
$('#select_id')[0].selectedIndex = 1;
ラジオ選択グループの 2 番目の要素は現在選択されている値ですvalue
$('input[@ name=items]').get(1).checked = true;
値の取得:
テキスト ボックス、テキスト領域: $("#txt").attr ("value");
複数のチェックボックス: $("#checkbox_id").attr("value");
ラジオ グループ radio: $("input[@type=radio][@checked]") .val();
ドロップダウン ボックスの選択: $('#sel').val();
コントロール フォーム要素:
テキスト ボックス、テキスト エリア: $("#txt")。 attr("value",'') ;//内容をクリア
$("#txt").attr("value",'11');//内容を埋める
複数選択ボックス チェックボックス: $( "#chk1").attr(" selected",'');//未チェック
$("#chk2").attr("checked",true);//チェックあり
if($(" #chk1").attr ('checked')==unknown) //
ラジオ グループ radio がチェックされているかどうかを判断します: $("input[@type=radio]").attr("checked",' 2');// value=2 の項目を現在選択されている項目として設定します
ドロップダウン ボックス select: $("#sel").attr("value",'-sel3');//Set現在選択されている項目として value=-sel3 を持つ項目
$("
1111

2222").appendTo("#sel")//ドロップのオプションを追加-down box $("#sel").empty( ); //ドロップダウン ボックスをクリアしますラジオで選択された項目のセットの値を取得します
var item = $( 'input[@name=items][@checked]').val();
select
var item = $("select[@name=items] option[@ selected]").text();
選択ドロップダウン ボックスの 2 番目の要素は、現在の選択値です
$('#select_id')[0].selectedIndex = 1;
2 番目の要素ラジオラジオ選択グループの要素は現在選択されている値です
$('input[@name=items]' ).get(1).checked = true
値の取得:
テキスト ボックスエリア: $("#txt").attr("value");
複数選択ボックス チェックボックス: $("#checkbox_id").attr("value");
ラジオ選択グループ radio: $( "input[@type=radio][@checked]").val();
ドロップダウン ボックスの選択: $('#sel').val();
コントロール フォーム要素:
テキストボックス、テキストエリア: $("#txt").attr("value",'');//内容をクリア
$("#txt").attr("value",'11') ;//内容を記入
複数選択ボックス チェックボックス: $("#chk1").attr("checked",'' );//未チェック
$("#chk2").attr("checked" ,true);//Checked
if($("#chk1").attr('checked') ==unknown) //
ラジオ グループ radio がチェックされているかどうかを判断します: $("input[@ type=radio]").attr("checked",'2');//Set value=2 項目は現在選択されている項目です
ドロップダウン ボックスの選択: $("#sel").attr( "value",'-sel3');//項目設定 value=-sel3 は現在選択されている項目です
$( "
1111

2222$("#sel").empty();//ドロップダウンボックスをクリア
基本の紹介jquery の一般的な操作の

Jquery の選択 (リスト) 操作 (値/代入)

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