实现input框的全选和清空
生活随笔
收集整理的這篇文章主要介紹了
实现input框的全选和清空
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<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'); //獲得全選復選框是否選中$("input[type='checkbox']").each(function() { this.checked = isCheck; //循環(huán)賦值給每個復選框是否選中});}</script></body> </html>
這里主要是實現一個input框的全選和清空，首先我們定義5個input單選按鈕，第一個按鈕，來控制全選和反選,剩下下個按鈕可以單選。
我們在第一個input框上面綁定一個onchange事件selectAll，每當他變化的時候，我們判斷一下他的狀態(tài)，如果選中呢？我們就給剩下四個input框加上checked = true的選項，如果沒有選中 我們就給剩下四個input框加上checked = false的選項。
總結
以上是生活随笔為你收集整理的实现input框的全选和清空的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 快看点app怎么发布视频赚钱
- 下一篇： 判断数组中是否包含某个元素，判断对象中是