web-dev-qa-db-ja.com

何も選択されていないラジオボタン

そこに答えがあるように感じますが、それを見つけることができません。

お客様がサービスを請求するために2つのオプションのいずれかを選択する必要がある状況がありますが、それらを選択することはできません。

私は同僚から提案されたものを含め、12のオプションをいじっていました。

シナリオは次のとおりです。

1。ラジオボタンのようなチェックボックスを使用します:

Checkboxes as radio bittons

ここでは、どちらもデフォルトではチェックされていません。どちらかをクリックすると、アクティブになり、もう一方の選択が解除されます。

チェックボックスの規則に従っていないため、このオプションは好きではありません。


2。「イネーブラー」チェックボックスが付いたラジオボタン。

Radio buttons enabled by checkbox

これには、現在有効になっているオプションがないことを明確にし(特にオプションがグレー表示されている場合)、チェックボックスを有効にするとラジオボタンが有効になるという利点があります。

ここでの問題は、ラジオボタンが(伝統的に)チェックされなければならないことです。ラジオボタンがまだ選択されていないが、まだ選択されていない優先順位を見つけるのに苦労してきました。

選択されていないラジオボタンがオプションである場合、チェックボックスは必要ありません。


。ドロップダウン/ポップアップボックス

ドロップダウンメニューでは「null」オプションを使用できますが、オプションが3つしかない(nullを含む)ため、やり過ぎのようです。

また、どちらかのオプションを選択すると、戻ってヌルの選択を選択できないことに注意することも重要です。


私がこれを書いているときでも、私は「何も選択されていないラジオボタンに傾いていますが、一度選択されると、通常のラジオボタンのように切り替わります」。

私は質問があると思います:

  1. もっと良い方法はありますか?
  2. 選択されていないラジオボタンはどれくらいの罪ですか?
20
Daniel Brown

チェックボックスをラジオボタンのように動作させたり、ラジオボタンをチェックボックスのように動作させたりしないでください。

状況によっては、ラジオグループがデフォルトの選択を持たなくても問題ありません。たとえば、 Microsoftのラジオボタンに関するガイドライン は、次の例を示しています。

次の場合、デフォルトの選択はありません。

  • 安全性、セキュリティ、または法的な理由で許容できるデフォルトオプションはないため、ユーザーは明示的に選択する必要があります。ユーザーが選択しない場合は、エラーメッセージを表示して強制的に選択します。
  • ユーザーインターフェイス(UI)は現在の状態を反映する必要があり、オプションはまだ設定されていません。デフォルト値は、ユーザーが選択を行う必要がないことを誤って意味します。
  • 目標は、公平なデータを収集することです。デフォルト値はデータ収集にバイアスをかけます。
  • ラジオボタンのグループは混合状態のプロパティを表します。これは、同じ設定を持たない複数のオブジェクトのプロパティを表示するときに発生します。この場合、各オブジェクトには有効な状態があるため、エラーメッセージを表示しないでください。
18
Matt Obee

デフォルトの選択されていないラジオボタンについて-それが良いアイデアか悪いアイデアか-私は、ユーザーに元の状態に戻るオプションを与えるかどうかに依存すると思います。

ユーザーが自分の操作を元に戻せるようにしたい場合、ラジオボタンはチェックを外す方法がないためお勧めできません。それ以外の場合は、ユーザーが自分の選択を元に戻してはならないことを制御するのに最適な方法です。 。

3
Adria Perez Pla

あなたの答えは2つ(または3つ)のラジオボタンです。あなたの例では、私はそれらを選択しないままにします。私はあなたが彼らに一つを選択することを要求していると思いますので、この場合、それを選択しないままにすることは完全に許容されます。

()前月の最終日の請求

()翌月の最終日に請求する

deselectを許可する場合は、別のラジオボタンを追加するだけです。

()前月の最終日の請求

()翌月の最終日に請求する

(•)後で選択します/プリペイドアカウントを持っています/請求しないでください:) /など.

2
Armstrongest