input type="checkbox" 選中傳值,不選中傳值的方法講解


最近在使用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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM