web-dev-qa-db-ja.com

すべてのチェックボックスが選択されている場合、「すべて選択」チェックボックスが選択されている必要がありますか?

これがシナリオです。「すべて選択」チェックボックスはすべてのチェックボックスを選択し、そのチェックボックスを選択解除するとすべてのチェックボックスが選択解除されます。

すべてのチェックボックスが個別に選択されている場合、これらのチェックボックスの最後が選択されたときに、[すべて選択]が(自動的に)選択されます

それ以外の場合、[すべて選択]を最初にクリックしても意味がありません。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

9
Alvaro

答えは大きな「はい」です。

ユーザーがすべてのチェックボックスを個別に選択していて、すべてのアイテムがチェックされたら、[すべて選択]チェックボックスもオンにする必要があります。したがって、ユーザーがいつでもすべてのチェックボックスをオフにしたい場合は、すべてを選択するチェックボックスを直接オフにすることができます。

また、すべてのチェックボックスがオンになっていて、選択するチェックボックスが残っていないこともユーザーに通知します。

16

私はさらに進んで、「すべて選択」ボックスはトライステートボックスである必要があると言います- このマテリアルの例 。これにより、select-all状態をchecked = (count == total)およびindeterminate = (count > 0 && count < total)として決定できるため、ユーザーに明確な「要約」表現を提供できます。

5
Coderer

チェックボックスではなくボタンにする必要があります。

あなたが尋ねている正確な理由のために、それはチェックボックスであってはなりません。これは設定ではありませんが、アクションのトリガーであるため、アクションをトリガーするウィジェット(ボタン)を使用する必要があります。

チェックボックスを使用する必要がある場合は、チェックボックスをオンにして、他のすべてのチェックボックスをグレー表示にします。
それでも難しい選択があります。すべてのグレー表示されたチェックボックスをオンにする(選択を視覚化する)か、変更しないでください(「すべて選択」のチェックを外すときに古いチェックマークのセットを使用できます)。考えられる解決策は、すべてをチェックしてそれらをグレー表示し、以前の構成を保存することです。ユーザーが「すべて選択」のチェックを外すと、それらが再び有効になり、以前の選択が復元されます。

それらを灰色にして「すべて選択」チェックボックスを使用しない場合、次の質問は次のようになります。ユーザーがチェックボックスの1つを無効にするとどうなりますか? 「すべて選択」チェックボックスを無効にする必要がありますか?すべてのチェックボックスが有効になっていない場合でも、有効のままにする必要がありますか?そして、それでもチェックされているが、以下の構成が変更されているときに、「すべて選択」をどのように使用できますか?

ボタンを使用してください。さらに、「すべてのチェックを外す」ボタンを検討してください。

2
allo

そうです、そうです。 「すべて」をチェックすると、個々のボックスがすべてチェックされます。逆も同様です。本当にやりたいことがclearそれらすべてである場合、最初に「すべて」をチェックする必要がなくなります。

2
MMacD

はい。すべてのチェックボックスを個別にチェックしてから、すべてを選択すると、チェックに変更されます。チェックボックスが残っていないことをユーザーに伝えます。すべてのチェックボックスをオンにする必要がある場合のユーザーの負担を軽減し、select allをオンにすることでこれを実現できます。

1
NB4

すべてのチェックボックスがオンになっているときに、すべてを選択するアプリ/ウェブサイト、特に電子メールウェブサイトがオンになっていて、ほとんどの人がそれを実行していることがわかった場合。

すべてを選択すると、すべてのチェックボックスがすでにオンになっているため、他のユーザーには表示されます。

私の答えは「はい」です。すべてのチェックボックスがオンになっている場合は、[すべて選択]をオンにする必要があります。

1
Rob H. Yamin