input全选和取消全选
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jQuery實現復選框的全選和全不選</title>
</head>
<body>
<label><input type="checkbox" name="checkall" />全選</label>
<br><br>
<label><input type="checkbox" name="checkbox" />復選框1</label>
<label><input type="checkbox" name="checkbox" />復選框2</label>
<label><input type="checkbox" name="checkbox" />復選框3</label>
<label><input type="checkbox" name="checkbox" />復選框4</label>
<label><input type="checkbox" name="checkbox" />復選框5</label>
<!-- 引入jQuery官方類庫 -->
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<!-- start 全選/全不選 -->
<script type="text/javascript">
$('input[name="checkall"]').on("click",function(){
if($(this).is(':checked')){
$('input[name="checkbox"]').each(function(){
$(this).prop("checked",true);
});
}else{
$('input[name="checkbox"]').each(function(){
$(this).prop("checked",false);
});
}
});
</script>
<!-- end 全選/全不選 -->
</body>
</html>
轉載于:https://www.cnblogs.com/Fancy1486450630/p/10173885.html
總結
以上是生活随笔為你收集整理的input全选和取消全选的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： golang——strconv包常用函数
- 下一篇： 汇编语言：编程，将datasg段中的每个