最近在使用form表單時,出現了一個問題,checkbox如果選中會傳true,沒選中就什么都不傳,但是這不是想要的效果呀,希望做到選中時傳true,不選中時傳false。
那么就有以下兩種方法
1.
<input name="public" type="checkbox" onclick="javascript:document.getElementById('public').value=this.checked;"> <input name="public" type="hidden" value="false" id="public">
2.
生成這樣的表單,當checkbox未選中的時候,提交的是hidden表單。false就被提交到服務器了。
當checkbox都選中的時候,hidden和checkbox表單都被提交了,但是因為它們的name是一樣的,所以hidden的值被checkbox覆蓋了。所以就得到了true。
這種方法簡單巧妙,值得推廣。
<input name="public" type="hidden" value="false"> <input name="public" type="checkbox" value="true" id="public">
input type="checkbox" 選中傳值,不選中傳值的方法講解 - html/css語言欄目:html.css - 紅黑聯盟
https://www.2cto.com/kf/201801/710664.html