http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>jQuery實現CheckBox全選、全不選</title>
<script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script> <script type="text/javascript">
$(function() {
$("#checkAll").click(function() {
$('input[name="subBox"]').attr("checked",this.checked);
});
var $subBox = $("input[name='subBox']");
$subBox.click(function(){
$("#checkAll").attr("checked",$subBox.length == $("input[name='subBox']:checked").length ? true : false);
});
});
</script>
</head>
<body>
<div>
<input id="checkAll" type="checkbox" />全選
<input name="subBox" type="checkbox" />項1
<input name="subBox" type="checkbox" />項2
<input name="subBox" type="checkbox" />項3
<input name="subBox" type="checkbox" />項4
</div>
</body>
</html>
jQuery實現CheckBox全選、全不選
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Android平臺調用WebService詳解
推薦碼發放
2019-02-24 19:41:33
某熊的技術之路指北 ☯
王下邀月熊_Chevalier
2019-02-23 16:23:03
全新的JoyiStar AJAX WebShop3.0體驗版本功能預覽
中原是戲臺
2019-02-23 13:27:57
寶塔面板 + Rancher + 阿里雲鏡像倉庫 + Docker + Kubernetes,添加集羣、部署 web 應用
燕小范
2019-02-23 13:20:14
JavaWeb應用開發架構淺談
liujie62588
2019-02-23 13:18:45
wordpress函數
hulangbo453
2019-02-23 13:03:55
jQuery 插件開發
liudajiang
2019-02-23 12:53:51
什麼是web
zhenjunwei
2019-02-23 00:39:19
詳解使用icomoon生成字體圖標的方法並應用
卓小靈
2019-02-23 00:37:31
U-Mail反垃圾郵件網關過濾Locky勒索郵件
bvofxadj
2019-02-23 00:36:19
jQuery 元素搜索
liudajiang
2019-02-23 12:53:51
jquery 甘特圖開發指南
bokezyyx
2019-02-23 00:42:21