<script src="js/plugin/jquery-1.9.0.js"></script>
$(document).ready(function() {
$("#selectAll").click(function() {
$("input[name='subBox']").each(function() {
this.checked = true;
});
});
$("#reverse").click(function() {
$("input[name='subBox']").each(function() {
if (this.checked) {
this.checked = false;
} else {
this.checked = true;
}
});
});
$("#checkItems").click(function() {
$("input[name='subBox']").each(function() {
if (this.checked) {
this.checked = false;
} else {
this.checked = true;
}
});
});
});
<td width="15px" align="left"><input type="checkbox" id="checkItems"/></td>
<td width="35px"><a id="selectAll" name="selectAll" style="cursor: pointer;">全选</a></td>
<td width="35px"><a id="reverse" name="reverse" style="cursor: pointer;">反选</a></td>
<td class="check first_child">
<input type="checkbox" name="subBox" value=""/></span>
</td>
分享到:
相关推荐
jquery实现全选反选全不选案例,在入场网页开发中实现。
jQuery实现全选反选操作案例 本文实例为大家分享了jQuery实现全选反选操作的具体代码,供大家参考,具体内容如下 全选+反选 可根据控制台结合查看结果 <!DOCTYPE html> <html lang="en"> <head> ...
Jquery全选反选Checkbox 简单好用 复用性很好 欢迎下载
很好用的使用jquery来实现的通用的全选反选功能
静态图通过jquery实现全选反选取消删除功能。
jquery实现全选反选功能,代码可以直接使用,可应用于实际项目当中。
jQuery表格行全选反选单选代码,例子采用bootstrap格式,可以选择自定义。
jquery全选反选插件
jquery Checkbox 全选 反选 全不选 多种实现方法 和表单验证
这是Jquery的全选和反选功能的实现,并且在全选时能改变成取消全选
实现全选,全不选,反选,获取选中的值 。
jQuery全选、反选与获取选中值 jQuery全选、反选与获取选中值 jQuery全选、反选与获取选中值 jQuery全选、反选与获取选中值
jquery、js操作checkbox全选反选.docx
jQuery全选反选及批量删除
demo46-jQuery全选,反选,取消选择.html
jquery 、js实现复选框 (全选、反选)功能··
js, jQuery实现全选、反选功能.docx
纯Jquery表格全选+反选+增删查找,一个简陋版本,仅供参考,细节处理不周到处请评论,后期有空修改
jQuery表格行全选反选插件
jQuery 实现全选反选 全不选