web-dev-qa-db-ja.com

混合値の無線入力の外観

「変更なし」を意味する2番目の状態を持つラジオボタンのデザイン方法に関するアイデアを探しています。

したがって、ユーザーはいくつかの項目を選択します。これは、WindowsエクスプローラーまたはFinderで長方形の選択が機能する方法に似ています。サイドパネルに、選択したアイテムの共通プロパティに対応する入力フィールドが表示されます。

たとえば、すべてのアイテムは「ステータス」プロパティを持つことができます。同じステータスの2つのアイテムがある場合、通常のラジオボタンセットをステータスとともに表示し、共通の値をチェックすることができます。

しかし、item#1が「公開済み」ステータスで、item#2が「非公開」ステータスの場合はどうなりますか?ユーザーは、両方のアイテムのステータスを「非公開」、「公開済み」に変更するか、変更しないでおくことができます。

私はこれをテキストフィールドとチェックボックスで何とか解決しましたが、ラジオでそれを行う方法がわかりません。これは、これまでのところ次のようになります。

form

そして this fiddle は、ユーザーの操作方法を示しています。

4
onetrickpony

ラジオグループは、いくつかのオプションから1つだけを選択するため、選択は相互に排他的です。

この問題を解決するには、ラジオボタンの相互に排他的な動作を最初にオーバーライドし、項目のグループで異なる値を持つすべてのオプションのチェックを表示する必要があります。

ユーザーがこのタイプの無線との対話を開始すると、相互に排他的な関係が始まり、グループ内のすべてのアイテムがこのプロパティに対して同じ値を取得します。

例:-

1)リストには男性が2人、女性が3人の5人が含まれています。

2)5つすべてを選択すると、性別ラジオボタンに両方の性別が選択された状態で表示されます(ここで別のチェックマークを付けることができます)。

3)これで間違いがあり、5人すべてが女性であるはずであると考えました。これを修正するには、5つすべてを選択して女性のオプションをクリックします。このラジオボタンは相互排他で正常に動作します。

enter image description here

4
Chetan

これは当たり前のことです。

1.行を灰色にする

2.「複数選択」メッセージを書いてもらいます

enter image description here

とても簡単です。

確かに、すべてのボタンをオフにします。ただし、(1)と(2)が重要です。

1
Fattie

私はそれが4年遅れていることを知っていますが、私の解決策は、「混合値」の3番目の無線オプションを持つことです。このオプションは、該当する場合にのみ表示されます。ユーザーがオプションAまたはBを選択すると、混合値オプションは非表示になるか無効になります。このようにして、常に1つのオプションのみが選択されたまま、この入力が混合されたことをユーザーに伝えます。

radio button option showing a third button labeled "mixed values" selected

1
Josh

単に、「好みなし」またはその効果に何かを示す3番目のオプションを単に含めないのはなぜですか。明らかな理由により、ラジオボタンを選択しないままにするのはあまり好きではありません。

With No preference..

0
Rajmera