如何利用jquery實現一句話全選/取消全選的實例代碼
一、固然要引入jquery文件啦。
二、創建函數
var check_all = function(obj,name){$(":checkbox[name='"+name+"']").attr("checked",obj.checked); }
三、使用
複製代碼 代碼以下:
<!DOCTYPE Html>
<html>
<head>
<script type="text/javascript" src="http://www.3ppt.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
function selectAll(checkbox) {
$('input[type=checkbox]').attr('checked', $(checkbox).attr('checked'));
}
</script>
</head>
<body>
<input type="checkbox" onclick="selectAll(this);" />全選<br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
……
</body>
</html>
多組的JQUERY選中與取消
複製代碼 代碼以下:
<head>
<script type="text/javascript" src="http://www.3ppt.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
function selectGroup(checkbox,obj) {
$('input[name='+obj+']').attr('checked', $(checkbox).attr('checked'));
}
</script>
</head>
<body>
<input type="checkbox" onclick="selectGroup(this,'grp1');" />選中GROUPA<br/>
GROUPA:<br/>
<input type="checkbox" name="grp1" />11<br/>
<input type="checkbox" name="grp1" />22<br/>
<input type="checkbox" name="grp1" />33<br/><br/>
<input type="checkbox" onclick="selectGroup(this,'grp2');" />選中GROUPB<br/>
GROUPB:<br/>
<input type="checkbox" name="grp2" />44<br/>
<input type="checkbox" name="grp2" />55<br/>
<input type="checkbox" name="grp2" />66<br/>
</body>
</html>javascript
- 1. jquery:實現全選和取消全選
- 2. jquery實現全選，反選，取消
- 3. jQuery全選取消全選
- 4. Jquery實現checkbox全選、取消全選和反選
- 5. JQuery實現全選、取消全選、反向選擇
- 6. jquery實現複選框checkbox全選，取消全選
- 7. javascript實現全選/取消全選，反選/取消反選
- 8. js實現全選/取消全選checkbox
- 9. jQuery實現checkbox點擊全選和取消全選
- 10. 利用jQuery實現CheckBox全選/全不選/反選
- 更多相關文章...
- • C# 不安全代碼 - C#教程
- • jQuery Mobile 實例 - jQuery Mobile 教程
- • ☆基於Java Instrument的Agent實現
- • Java Agent入門實戰（一）-Instrumentation介紹與使用
-
每一个你不满意的现在，都有一个你没有努力的曾经。