ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryの設定ラジオボタンのラジオ選択・選択解除例を詳しく解説

jQueryの設定ラジオボタンのラジオ選択・選択解除例を詳しく解説

伊谢尔伦
伊谢尔伦オリジナル
2017-06-28 13:13:313477ブラウズ

この記事では主に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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。