实现input框的全选和清空
生活随笔
收集整理的這篇文章主要介紹了
实现input框的全选和清空
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<html><head><title>Mr企鵝先森</title> </head><body><label><input id="sel_1" onchange="selectAll()" type="checkbox" value="1" />全選/全不選</label><input type="checkbox" value="2"/><input type="checkbox" value="3"/><input type="checkbox" value="4"/><input type="checkbox" value="5"/> </body> <script src="https://cdn.bootcss.com/jquery/1.10.0/jquery.min.js"></script><script type="text/javascript"> function selectAll(){var isCheck=$("#sel_1").is(':checked'); //獲得全選復(fù)選框是否選中$("input[type='checkbox']").each(function() { this.checked = isCheck; //循環(huán)賦值給每個(gè)復(fù)選框是否選中});}</script></body> </html>
這里主要是實(shí)現(xiàn)一個(gè)input框的全選和清空，首先我們定義5個(gè)input單選按鈕，第一個(gè)按鈕，來(lái)控制全選和反選,剩下下個(gè)按鈕可以單選。
我們?cè)诘谝粋€(gè)input框上面綁定一個(gè)onchange事件selectAll，每當(dāng)他變化的時(shí)候，我們判斷一下他的狀態(tài)，如果選中呢？我們就給剩下四個(gè)input框加上checked = true的選項(xiàng)，如果沒(méi)有選中 我們就給剩下四個(gè)input框加上checked = false的選項(xiàng)。
總結(jié)
以上是生活随笔為你收集整理的实现input框的全选和清空的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 快看点app怎么发布视频赚钱
- 下一篇： 小猿搜题(搜题软件哪个更好)