チェックボックスのチェックを空にできません

selectedColors は配列なので、querySelectorAll() を使う必要があります。
2021年7月29日
ユーザー

いつもお世話になっております。
よろしくお願いいたします。

前回の「ラジオボタンを操作してみよう」で、ラジオボタンを空にするにはどうすればいいかを参考に
して、チェックボタンを空にするためにコードを追加しましたが、エラーが出てうまくいきませんでした。

const button = document.querySelector('input[value="red"]');

とすると、赤、青、黄を選択後、赤だけはチェックボックスを空にできました。が、

const button = document.querySelector(`input[value=${selectedColors}]`);

とした場合、

main.js:19 Uncaught DOMException: Failed to execute 'querySelector' on 'Document': 'input[value=red,blue,yellow]' is not a valid selector.
    at HTMLButtonElement.<anonymous>

このようなエラーが出てしまいました。

何かヒントがありましたら教えていただけますでしょうか?
よろしくお願いいたします。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(16)