selectboxで項目選択したら、片方のcheckboxにチェックを入れたい。

Question

タイトル通りです。ニュアンスで。

selectboxがあり、1を選択したら、
checkboxの1にチェックが入るようにしたいです。
jsでどう書けばいいですか??

Comments

[yambejp]

1以外を選択したら1のチェックがはずれる？
ほかのチェックがはいる？

[m.ts10806]

そのように書いたら良いのでは。何も書けないならもらったところで理解できずに丸投げ繰り返すだけになりますけど

[Lhankor_Mhy]

「ニュアンスで」とのことですが、ニュアンスで回答していいという意味ですよね？

[Zuishin]

https://www.weblio.jp/content/%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%B3%E3%82%B9
> ニュアンス ［1］【nuance】
> （表現・感情・色彩などの）微妙な意味合いや色合い。また、そのわずかな差異。 「言葉の－」 「話の－から本音を察する」 「話の－が違う」

[Zuishin]

私はこの質問のニュアンスから、「叩いてくれ」という質問と察しましたが、合っていますか？

[退会済みユーザー]

>yambejpさん
ちゃんと考えてくれてありがとうございます。
外れるようにしたいです。対になっていてほしいです。
チェックはcheckdにできますか??
丸投げで申し訳ないです。

[Lhankor_Mhy]

ああ、なるほど、過去質問を見て納得しました。
質問をクローズしない文化圏の回答者なのですね。
お邪魔しました。

[m.ts10806]

回答者に仕様を考えさせないでください。
仕様は作る人が決めるものです。質問本文に追記してください。
質問は編集できます。
ちなみに現状では質問ではなく作業依頼です。

[Zuishin]

動くものすら参考にできるか怪しいのに動かないものを大いに参考にできるんだろうか。
気に入った回答者に丸つけて何度も同じ質問を繰り返すような使い方では、質問サイトを使いこなせてるとは言い難いですね。

Answer 1

とりあえずこんな感じ、でもチェックボックスは排他処理ではないので
セレクトボックスと対にするのはやや難があります

Comments

[yambejp]

<script>
window.addEventListener('DOMContentLoaded', ()=>{
const s1=document.querySelector('#s1');
s1.addEventListener('change',()=>{
document.querySelectorAll('[name=ch]').forEach(x=>{
x.checked=x.value==s1.value
});
});
});
</script>
<form>
<select id="s1">
<option value="">--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<label><input type="checkbox" name="ch" value="1">1</label>
<label><input type="checkbox" name="ch" value="2">2</label>
<label><input type="checkbox" name="ch" value="3">3</label>
</form>

[退会済みユーザー]

残念ながら私の環境では実施不可能でしたが、大いに参考にさせていただきます！
ありがとうございます！

[yambejp]

あらそうですか・・・ある程度汎用的に書いたんですけどね
環境とエラーの状況を提示してもらえば対応できるかもしれません

[退会済みユーザー]

あれから、試行錯誤したり色々調整して見事動くようになりました！
助かりました！ありがとうございました！