このフォームでは、ユーザーはチェックボックスまたはラジオボタンのいずれかを選択できますが、両方を選択することはできません。ユーザーがチェックボックスを選択し、その後ラジオボタンを選択した場合、チェックボックスをグレー表示します。
チェックボックスのチェック値もクリアする必要がありますか?
ラジオボタンの選択を解除した場合に備えて、チェックボックスの値をそのままにしておくべきかどうかわかりませんでした。
ユーザーに複数を選択させる場合は、チェックボックスを使用します。ラジオの字幕は、単一の選択肢であり、複数ではありません。
あなたのジレンマを解決するには、これを見てください: JSFiddle
ユーザーがfooを持っている場合のみ選択を表示します。
代わりにチェックボックスを使用することを決定した場合、ユーザーがラジオボタンを「オフにする」ことができないため、ユーザビリティの問題が発生しました。
ラジオボタン(マスターレベル)を使用して、ユーザーが「セット1のオプション」と「セット2のオプション」のどちらかを選択できるようにするほうがよいでしょう。
これに関係なく、ラジオボタンまたはチェックボックスを無効な状態で表示する場合は、選択された状態を表示する必要があります。
例えばユーザーがサービスの「無料パッケージ」を使用している場合、つまり、作成できる「Webサイト」の数を変更できない(つまり、ロックすることで正確に1にロックできる)場合、オプションは[1 、5,10、unlimited])-オプションを無効として表示する場合でも、設定内容を表示することが重要です。
同意すると、2組のラジオボタンを使用すると、使いやすさが向上します。さらに、複数選択の機能を維持するには、最初のセット内の各ラジオ入力要素が同じ名前属性値を持ち、他のセットが各入力名に対して一意の値を持つようにする必要があります。
これをチェックアウト JSFiddle javascriptのパワーを使用して問題に対処する方法の例については(jQueryを使用しますが、純粋なjsでも実行できます)。