<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的全选和反选功能的实现,并且在全选时能改变成取消全选
在网页开发中,jQuery 是一个广泛使用...通过以上介绍,我们可以利用 jQuery 实现复选框的全选、反选和全不选功能,同时结合表单验证插件,确保用户按照规定进行输入。在实际应用中,可以根据具体需求进行调整和优化。
实现全选,全不选,反选,获取选中的值 。
"jQuery全选反选及批量删除"是一个常见的交互功能,常用于表格或列表的管理,例如用户可以选择多个项目进行批量操作,如删除。这里我们将深入探讨如何实现这个功能。 首先,我们需要了解jQuery的选择器和事件绑定。...
jQuery全选、反选与获取选中值 jQuery全选、反选与获取选中值 jQuery全选、反选与获取选中值 jQuery全选、反选与获取选中值
jquery、js操作checkbox全选反选.docx
demo46-jQuery全选,反选,取消选择.html
jquery 、js实现复选框 (全选、反选)功能··
纯Jquery表格全选+反选+增删查找,一个简陋版本,仅供参考,细节处理不周到处请评论,后期有空修改
jQuery表格行全选反选插件
<title>jQuery全选/反选示例 <script src="https://code.jquery.com/jquery-1.8.3.min.js"></script> 全选" id="ckAll"/>水果 苹果" id="apple"/>苹果 香蕉" id="bann"/>香蕉 橘子" id="origin"/>...
jQuery 实现全选反选 全不选