javascriptで変換したデータをphpに表示したい

Question

▼formに入力されたデータをJavaScriptで変換するように設定しました。

a.phpに２択(ＡorＢ)のラジオボタンを複数用意し、Ａを選んだ個数によってデータを変換するJS。

function count() {
  var a = 0;
  var data;

  var form  = document.forms["form"];
  var radio = form.querySelectorAll("[type='radio'][value='A']");

  for(var i = 0; i < radio.length; i++) {
    if(radio[i].checked) {
      a++;
    }
  }
	switch (a) {
	case 0 : data = あ;	break;
	case 1 : data = い;	break;
	case 2 : data = う;	break;
	case 3 : data = え;	break;
	case 4 : data = お;	break;
	case 5 : data = か;	break;  }
}

その変換したデータ(あ〜か)をb.phpに表示させる方法を教えてください。

Comments

[kei344]

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。

[chanmi]

教えてくださりありがとうございます。勉強になりますm(_ _)m

Answer 1

a.php に以下のような項目を用意する

<form id="form-b" method="post" action="b.php">
  <input type="hidden" id="data" name="data" />
</form>

JavaScriptで上記hiddenに結果を設定してb.phpにサブミットする。

document.querySelector("#data").value = data;
document.querySelector("#form-b").submit();

b.phpで取得する

echo $_POST["data"];

Comments

[chanmi]

できました！ありがとうございます！！

Answer 2

querySelectorAllを使うなら [checked] まで採ってしまえば for とかが必要なくなり、コードをすっきり出来ます。

var ck = document.querySelectorAll( "[type='radio'][value='A'][checked]" );
console.log( ck.length );
```**動くサンプル：**[https://jsfiddle.net/9asam5nf/](https://jsfiddle.net/9asam5nf/)

送信はroot_jpさんの回答を参照ください。

Comments

[chanmi]

なるほど！ありがとうございます！！