表单中的复选框，更改URL编码方式？

Question

我有一个使用 GET 方法并提交到不同页面的表单。该表单由用户可以 select 多个值的复选框组成。例如，复选框的名称为 school_facilities[]

当用户提交时，表单会正确添加 ?school_facilities[]=foo&school_facilities[]=bar 但是，为了在结果页面上正确显示结果，URL 需要改为 ?school_facilities=foo-,-bar 。我怎样才能做到这一点？

谢谢！

Answer 1

单击表单的提交按钮将选中的数组值填充到隐藏字段：-

<input type="hidden" name="school_facilities" id="school_facilities" />

<input type=checkbox name=checkboxes[] class=popVal />

<script>//jquery library</script>

$(".popVal").click(function(){
var values = new Array();
$.each($("input[name='checkboxes[]']:checked"), function() {
  values.push($(this).val());
});

alert(values); // this will be comma separated values
$("#school_facilities").val(values); 
});

然后post表格。

表单中的复选框，更改URL编码方式？

Checkboxes in form, change URL encoding method?

php

ajax

forms

checkbox

url-encoding