想實現的需求是：復選框默認選中，選中時傳值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"/>

?

總結

以上是生活随笔為你收集整理的解决checkbox复选框未选中时不传值的问题 / 判读复选框是否选中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。