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

Question

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

当用户提交时，表单正在正确添加？school_facilities [] = foo＆amp; school_facilities [] = bar但是，要使结果在结果页面上正确显示，URL必须是？school_facilities = foo - ， - 相反。我怎样才能做到这一点？

谢谢！

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); 
});

然后发布表格。