解决checkbox复选框未选中时不传值的问题 / 判读复选框是否选中

想实现的需求是：复选框默认选中，选中时传值1，未选中时传值0；
    根据W3C的规则未选中的checkbox和禁用的控件不是有效控件，不会传值。
    

方法1：
    

<input type="hidden" name="aa" value="0" />
    <input type="checkbox" name="aa" id="aa" value="1" checked/>

       网上最多的方法是这种，但是对我却没用，未选中时传值是为0 ，但是选中时hidden的值并没有被checkbox覆盖掉，传值为["0","1"]这样的数组。
    

方法2：判读复选框是否勾选
    于是我试用判断复选框是否选中；若选中时给它设置值为1，否则为0 ；
    

<input type="checkbox" name="aa" id="aa" checked/>

    if($("#aa").is(':checked')){
            $("#aa").val(1);
        }else{
            $("#aa").val(0);
        }

方法3：同样是判读复选框是否勾选

if($("#aa")[0].checked){
		$("#aa").val(1);
	}else{
		$("#aa").val(0);
	}

方法4：
    checkbox只做显示，另一个隐藏域来保存提交的数据。checkbox改变时修改隐藏域的值。

    <label>是否选中</label>
        <input type="checkbox" onchange="this.nextElementSibling.value = (this.nextElementSibling.value==0)?1:0 " checked/>
        <input type="hidden" name="aa" value="1"/>