現在webアプリの開発を行っているのですが、radioボタンでの遷移先ページの変更がうまくできません。
どなたかわかる方教えていただけないでしょうか。
コードでは、遷移先はとりあえず適当に書いてます。
ejs
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="utf-8"> 5 <title>poster-model-select</title> 6 <link rel="stylesheet" href="/css/style.css"> 7 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 8 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 9 </head> 10 <body> 11 <%- include("header"); %> 12 <div class="action-wrapper"> 13 <div class="container" id="board"> 14 <div> 15 <h2>ハックしたいモデルを選ぼう。</h2> 16 </div> 17 <div class="model-select"> 18 <form class="" action="poster-input-image" method="get"> 19 <label> 20 <input type="radio" name="model" value="mushi"> 21 <img src="../images/mushi.png"> 22 </label> 23 <label> 24 <input type="radio" name="model" value="aikidou"> 25 <img src="../images/aikidou.png"> 26 </label> 27 <a href = "/poster-know" class="back">戻る</a> 28 <a href = "/poster-create" class = "next" id="searchLink">次へ</a> 29 </form> 30 </div> 31 </div> 32 </div> 33 <script type="text/javascript"> 34 function radio_checked(value) { 35 var target = document.getElementById("searchLink"); 36 for(let i = 0; i < model.length; i++){ 37 if(model[i].checked){ 38 target.href = "/"; 39 break; 40 } 41 } 42 } 43 </script> 44 </body> 45</html>