Question

我有这个表格，get set as method。

<form method="get" action="index.html">
    <input type="checkbox" name="item" value="1" />
    <input type="checkbox" name="item" value="2" />
    <input type="submit" />
</form>

当我提交时，我最终得到了网址 index.html的项= 1＆安培;项= 2

我想知道是否可以制作更简洁的格式，例如逗号分隔的index.html？项目= 1,2

我一直在寻找，但我找不到如何获得这个。我真的需要用javascript实现这个吗？

Answer 1

    

    function submitForm(){
    var name=document.getElementsByName('item[]');
    var str="";
    for(i=0;i<(name.length);i++){
      if(name[i].checked){
         str+=name[i].value+",";
      }
    }
    if(str.length>0){str=str.substring(0,str.length-1)};// remove the last comma
    var url="actionpage.html?item="+str;
    document.getElementById('formid').action=url;
    document.getElementById('formid').submit();
    }

请将复选框重命名为item []，这将创建一个数组。然后在按钮单击事件中调用此函数。

多个复选框，逗号分隔获取请求？

1 个答案: