React中 checkbox 與 label 標簽的搭配


用<label>標簽替代checkbox的點擊樣子,點擊<label>實際上就是點擊checkbox checkbox的checked值會跟着一起變

<input type="checkbox" style={{display:'none'}} id={"checkbox"} onChange={this.handlerChange.bind(this)}></input> <label htmlFor={"checkbox"}></label>

可以定義label的樣式來取代checkbox難看的樣式

handlerChange用於檢測checkbox的checked屬性值的變化,以及改變組件狀態


免責聲明!

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



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