javascript - 表格- list 值无法转移到PHP

我正在尝试将清单中的多个选定选项填充到PHP中。但是，在新窗口中仅填充“阅读”选项，而不填充我选择的其他选项。例如，我选择了“绘画与旅行”，但是单击“提交”后，显示的值为“阅读”。请建议如何解决此问题。提前致谢。我是Web开发的新手。

Java脚本

function validate(){


   var x3=document.getElementById("hobbies");


   if (x3.value == "")

   {
      alert("No blank values allowed")
      return false;
   }
   else
   {

      window.open('https://quiet-odyssey-258110.appspot.com/?hobbies[]='+x3.value+'','mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0');
}

形成

<form onsubmit="return validate()" method= "get">



<label>Hobbies : </label><br><br>
<input type="checkbox" id="hobbies" name="hobbies[]" value="Reading"/>Reading<br/>
<input type="checkbox" id="hobbies" name="hobbies[]" value="Painting"/>Painting<br/>
<input type="checkbox" id="hobbies" name="hobbies[]" value="Traveling"/>Traveling<br/>
<input type="checkbox" id="hobbies" name="hobbies[]" value="Baking"/>Baking<br/><br/>


  </div>

</form>

最佳答案

请尝试以下操作：

<form onsubmit="return validate()" method= "get">
    <label>Hobbies : </label><br><br>
    <input type="checkbox" id="hobbies" name="hobbies[]" value="Reading" />Reading<br/>
    <input type="checkbox" id="hobbies" name="hobbies[]" value="Painting" />Painting<br/>
    <input type="checkbox" id="hobbies" name="hobbies[]" value="Traveling" />Traveling<br/>
    <input type="checkbox" id="hobbies" name="hobbies[]" value="Baking" />Baking<br/><br/>
    <input type="submit" value="Submit" />
</form>

<script type="text/javascript">
    function validate() {
      var x3 = document.getElementsByName("hobbies[]");
      var selectedVals = "";

      for(var i = 0; i < x3.length; i++) {
        if((x3[i].checked) && (x3[i].value != '')) {
            selectedVals += (selectedVals == '')?x3[i].value:','+x3[i].value;
          }
      }

      if(selectedVals == "") {
        alert("No blank values allowed")
        return false;
      }
      else {
        window.open('https://quiet-odyssey-258110.appspot.com/?hobbies[]='+selectedVals+'','mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0');
      }
    }
</script>

希望这会有所帮助。