ホームページ  >  記事  >  コンピューターのチュートリアル  >  jQueryを使用してラジオボタンのチェック状態を解除する

jQueryを使用してラジオボタンのチェック状態を解除する

WBOY
WBOY転載
2024-01-17 09:33:22394ブラウズ

jQueryを使用してラジオボタンのチェック状態を解除する

jquery ラジオの選択状態をクリアします

ウィンドウを閉じるとき: $("input[type='radio']").removeAttr('checked')。

Jquery の一般的なメソッド

1. ページ要素への参照。

jQuery の $() メソッドを使用して要素を参照し、ID、クラス、要素名、階層関係、DOM または XPath 条件などを通じて選択できます。返されるのはjQueryオブジェクト(コレクションオブジェクト)であり、DOMで定義されたメソッドを直接呼び出すことはできません。

2. jQuery オブジェクトと dom オブジェクトの変換。

jQuery によって定義されたメソッドは、jQuery オブジェクトを使用してのみ呼び出すことができます。 DOM オブジェクトと jQuery オブジェクトの違いに注意し、メソッドを呼び出すときに正しいオブジェクトを操作していることを確認してください。

3. jQuery コレクションのアイテムを取得する方法。

取得された要素コレクションの場合、項目 (インデックスで指定) を取得するには、eq または get(n) メソッドまたはインデックス番号を使用できます。eq は jquery オブジェクトを返し、get(n) とIndex は dom 要素オブジェクトを返します。 jquery オブジェクトの場合は jquery メソッドのみを使用でき、dom オブジェクトの場合は 3 番目の要素のコンテンツの取得などの dom メソッドのみを使用できます。

4. 収集処理機能。

jquery によって返されたコレクションのコンテンツについては、自分でループして各オブジェクトを個別に処理する必要はありません。jquery は、コレクションを処理するための非常に便利なメソッドを提供します。 2 つの形式が含まれます: $("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i]})

5. いくつかの実用的な特殊効果機能。

toggle() メソッドと slidetoggle() メソッドはステータス切り替え機能を提供します。

たとえば、toggle() メソッドには、hide() メソッドと show() メソッドが含まれます。

slideToggle() メソッドには、slideDown() メソッドと slideUp メソッドが含まれます。

6. 完全なイベント処理機能

Jquery はさまざまなイベント処理メソッドを提供しており、HTML 要素に直接イベントを記述する必要はなく、jquery で取得したオブジェクトに直接イベントを追加できます。

jqueryを使用してラジオボタンを選択する方法

jquery を使用してラジオの値を取得します。最も重要なことは、jquery セレクターの使用をマスターすることです。フォームでは、通常、選択されたラジオ項目の値を取得したいので、フィルターにチェックを追加する必要がありますたとえば、次のようなラジオ項目があります:

1.jqueryはradioの値を取得します

2.jquery はチェックボックスの値を取得します

3.jquery は select

の値を取得します

特定の無線の値を取得したい場合は、次のようないくつかの方法があります。コードを直接指定するだけです。

1,

1.$('input[name="testradio"]:checked').val();2、

1.$('input:radio:checked').val();3、

1.$('input[@name="testradio"][checked]');4.

1.$('input[name="testradio"]').filter(':checked'); これでほぼ完成しました。testradio という名前のすべての無線を走査したい場合、コードは次のとおりです

1.$('input[name="testradio"]').each(function(){2.alert(this.value);3.}); 特定の無線の値を取得したい場合たとえば、2番目のラジオの値は次のように記述されます

1.$('input[name="testradio"]:eq(1)').val()

Javascript はラジオ ボタンを選択することでテキスト ボックスの表示を制御します

htmlは次のとおりです:

######見せる### ######隠れる###

JS は次のとおりです:

var show = document.getElementById('show'); // 対応する要素をそれぞれ取得します

var hide = document.getElementById('hide');

var text = document.getElementById('text');

show.onclick = function() {

text.style.display = '';

};

hide.onclikc = function() {

text.style.diplay = 'なし';

}

以上がjQueryを使用してラジオボタンのチェック状態を解除するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はdocexcel.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。