radioボタンを複数グループ用意し、postで受け取りたい

Question

前提・実現したいこと

初投稿になります。よろしくお願いします。
raidoボタンが3×2グループ存在し、グループごとに一つ選択するようにしたいです。
フォームで送信された値をpostで受け取り、データベースへ保存することを目的にしています。
皆さんの知恵をお借りしたいです....

発生している問題・エラーメッセージ

ラジオボタンの数が3×2存在し、それぞれ１つづ選択したいが、ひとつしか選択できない。

該当のソースコード

<?php
//ファイル名はtest.php
if(!empty($_POST['r'])){
var_dump($_POST['r']);
}else{
    echo "空です。";
}
 ?>
<form class="" action="test.php" method="post">
	<label><input type="radio" name="r[]" value="1">a</label>
        <label><input type="radio" name="r[]" value="2">i</label>
        <label><input type="radio" name="r[]" value="3">u</label>

        <label><input type="radio" name="r[]" value="4">e</label>
        <label><input type="radio" name="r[]" value="5">o</label>
        <label><input type="radio" name="r[]" value="6">0</label>
	<input type="submit" name="" value="送信">
</form>

補足情報（FW/ツールのバージョンなど）

PHP 7.2.6
HTML5
xampp3.2.2

Comments

[m.ts10806]

代替案が出せるかどうかはデータの保存のしかた次第です。
そこも含めて要件として具体的な内容を追記してください。

[hazyayama]

ありがとうございました。とりあえず、javascriptで試行錯誤してみることにします。

Answer 1

名前を分ければ？

<form class="" action="test.php" method="post">
        <label><input type="radio" name="r[1]" value="1">a</label>
        <label><input type="radio" name="r[1]" value="2">i</label>
        <label><input type="radio" name="r[1]" value="3">u</label>

        <label><input type="radio" name="r[2]" value="4">e</label>
        <label><input type="radio" name="r[2]" value="5">o</label>
        <label><input type="radio" name="r[2]" value="6">0</label>
    <input type="submit" name="" value="送信">
</form>

Comments

[hazyayama]

返信ありがとうございます。やはりそれしかないでしょうか・・・。それ以外の方法があれば教えていただけないでしょうか。

[mayoi_maimai]

selectならいけるかも。。
<SELECT name="r[]">
<option value="1">a</option>
<option value="2">i</option>
<option value="3">u</option>
</SELECT>

<SELECT name="r[]">
<option value="4">e</option>
<option value="5">o</option>
<option value="6">k</option>
</SELECT>

[hazyayama]

ありがとうございます。今回はラジオボタンでの実装になってしまうんです・・・。わざわざありがとうございました。

Answer 2

ラジオボタンで同じ名前で２箇所チェックはありえないので
チェックボックスをjsで制御するのが代替策でしょうかね

checkboxで代替

<?php
$r=filter_input(INPUT_POST,'r',FILTER_DEFAULT,FILTER_REQUIRE_ARRAY);
print_r($r);
?>
<script>
$(function(){
  $('[name="r[]"]').on('change',function(e){
    if($(this).is(':not(:checked)')){
      $(this).prop('checked',true);
    }else{
      $(this).closest('label').siblings().find(':checkbox[name="r[]"]').prop('checked',false);
    }
  });
});
</script>
<form method="post">
<div>
<label><input type="checkbox" name="r[]" value="1">a</label>
<label><input type="checkbox" name="r[]" value="2">i</label>
<label><input type="checkbox" name="r[]" value="3">u</label>
</div>
<div>
<label><input type="checkbox" name="r[]" value="4">e</label>
<label><input type="checkbox" name="r[]" value="5">o</label>
<label><input type="checkbox" name="r[]" value="6">0</label>
</div>
<input type="submit" name="" value="送信">
</form>

Comments

[yambejp]

ちなみにご提示のソースでは何と何がどうやってグルーピングされているか
わからない
・divなど構造でわける
・classで分ける
・カスタムdataでわける
・nameで分ける
のどれかがないと何もできない

[hazyayama]

ソースのご提示、ありがとうございます。
javascriptでの実装を進めています。ありがとうございました。