実現したいこと

〇なし　□１　□２　□３
というようなフォームを作りたい
なしをチェックしたらチェックボックスをオフにし
チェックボックスがONの場合はなしのラジオボタンはオフにしたい

発生している問題・分からないこと

ラジオボタンとチェックボックスは混同できるか

該当のソースコード

〇なし　□１　□２　□３
というようなフォームを作りたい

試したこと・調べたこと

teratailやGoogle等で検索した
ソースコードを自分なりに変更した
知人に聞いた
その他

上記の詳細・結果

表示は出来たがオンオフの事ができない
現状ラジオボタンとチェックボックスがオンになる
それではラジオボタンの意味がない

補足

フォームを作っている

Lhankor_Mhy

2024/04/15 00:28

HTML では難しいと思いますので、JavaScript の使用をご検討されてはいかがですか？

spipinc.u

2024/04/15 23:36

どのように書けば実現できますか？プログラマーじゃないのでわからなくて教えていただきたいです

Lhankor_Mhy

2024/04/16 08:40 編集

すでに回答がついているようですね。私が書いても同じようなコードになるかと思います。・yambejp さんのサンプルが動作しない、ということであれば、環境の問題かと思いますので、解決は難しいです。・yambejp さんのサンプルは動作するが、これを自分のコードに当てはめると動作しない、ということであれば現物のコードを見ないと言えることはないです。極端な話、0とoの打ち間違いとかが原因だとしてもこちらではわかりようがないので。

行動規範の内容に同意します

回答2件

相当姑息なことをすれば別ですが、この手の処理はjsでします。
また一つしかないラジオボタンは構造上好ましくないのですべてチェックボックスでよいかと

javascript
1<script>
2document.addEventListener('change',({target})=>{
3  if(target.matches('[name="c[]"]')){
4    if(target.value==''){
5      document.querySelectorAll('[name="c[]"]:not([value=""])').forEach(x=>x.checked=false);
6    }else{
7      document.querySelector('[name="c[]"][value=""]').checked=false;
8    }
9  }
10});
11</script>
12<label><input type="checkbox" name="c[]" value="" checked>なし</label>
13<label><input type="checkbox" name="c[]" value="1">1</label>
14<label><input type="checkbox" name="c[]" value="2">2</label>
15<label><input type="checkbox" name="c[]" value="3">3</label>

ラジオボタンでなし

javascript
1<script>
2document.addEventListener('change',({target})=>{
3  if(target.matches('[name="c[]"]')){
4      document.querySelector('[name="r"]').checked=false;
5  }
6  if(target.matches('[name=r]')){
7    document.querySelectorAll('[name="c[]"]:not([value=""])').forEach(x=>x.checked=false);
8  }
9});
10</script>
11<label><input type="radio" name="r" value="">なし</label>
12<label><input type="checkbox" name="c[]" value="1">1</label>
13<label><input type="checkbox" name="c[]" value="2">2</label>
14<label><input type="checkbox" name="c[]" value="3">3</label>