ホームページ > 記事 > ウェブフロントエンド > jQueryの設定ラジオボタンのラジオ選択・選択解除例を詳しく解説
この記事では主にjQuery設定ラジオボタンラジオの選択/使用不可のサンプルコード関連の情報を紹介します。非常に優れており、必要な友人は参照してください
この部分は「jQuery」の日常使用であるためです。 Chapter」にあるように、すべて具体的なニーズから始まり、使用する必要がある知識ポイントがまとめられています。目的を達成できる限り、コードはうまく書かれていない可能性があります。そこで今回はまず要件を見てみましょう: カラー ブロック モードはカラー モードに基づいています。つまり、カラーがオンのときにカラー ブロックをオンにできます。カラーがオンのときにカラー ブロックは使用できません。カラー ブロック ラジオは、カラーがオンになっている場合に使用できます。カラー ブロックがオンになっている場合は、それをオフにする必要があります。
まずデモを見てみましょう:
jQuery によるラジオ ボタン ラジオの操作を見てみましょう。
1. カラーがオフの場合、カラー ブロックは使用できません
ページを開いたら、カラーがオフであるかどうかを検出し、カラー ブロックを「オン」にします:
if($("#coloroff[checked]")) { //alert("Hello Nowamagic!"); $("#blockon").attr("disabled", true); }
さらに、カラーのオンとオフを切り替えるとき、つまりオンから切り替えるとき、カラーブロックのオンを無効にし、同時にカラーブロックのオフを選択します:
$("#coloroff").change(function(){ $("#blockon").attr("disabled", true); $("#blockoff").attr("checked",true); })
2.カラーをオフからオンに切り替えると、カラー ブロックが使用可能になります。これは簡単です:
$("#coloron").change(function(){ $("#blockon").attr("disabled", false); })
コード全体は次のとおりです:
$(document).ready(function(){ if($("#coloroff[checked]")) { //alert("Hello Nowamagic!"); $("#blockon").attr("disabled", true); } $("#coloroff").change(function(){ $("#blockon").attr("disabled", true); $("#blockoff").attr("checked",true); }) $("#coloron").change(function(){ $("#blockon").attr("disabled", false); }) });
いくつかの知識ポイントを追加します:
チェックボックス、ラジオ これらの コントロール readonly属性がないので、「利用可能/利用不可」状態を切り替えるにはdisabled属性を使用する必要があります。
無線を利用できないように設定するには、attr() メソッド、つまり attr("disabled", true) を使用できます。
ラジオの選択ステータスの設定には、attr() メソッド、attr("checked",true) も使用します。
以上がjQueryの設定ラジオボタンのラジオ選択・選択解除例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。