Jquery的选择器帮你轻松实现这个效果 摒弃复杂的js代码
$(function(){
$('#inputChkAll').click(function(){
$("input[name='chkJob']").attr("checked", $(this).attr("checked")); //注意此处
//#inputChkAll用来全选或者全不选的CheckBox控件,其控制了name='chkJob'这个复选组。
});
});
//全选
function checkall() {
var all = document.getElementsByTagName("input");
for (var i = 0; i < all.length; i++) {
if (all[i].type == "checkbox") {
all[i].checked = true;
}
}
}
// 反选
function checknull() {
var all = document.getElementsByTagName("input");
for (var i = 0; i < all.length; i++) {
if (all[i].type == "checkbox") {
all[i].checked = false;
}
}
}
分享到:
相关推荐
jquery实现checkbox全选、反选、全部选,很不错的资源,欢迎大家下载学习var langType=""; var arLangType = []; $("[name='langType'][checked]").each(function(i) { arLangType[i]=$(this).val(); }); ...
jquery、js操作checkbox全选反选.docx
页面上通过一个checkbox实现全选与反选
Jquery全选反选Checkbox 简单好用 复用性很好 欢迎下载
NULL 博文链接:https://xdwangiflytek.iteye.com/blog/1343416
jQuery实现复选框checkbox的全选与反选功能,不用多介绍了吧,以往都是基于纯js的实现比较多,这个是引入了jquery,或许更能满足现在的前端设计吧。
用jquery实现的checkbox全选和反选代码,需要的朋友可以参考下。
jquery Checkbox 全选 反选 全不选 多种实现方法 和表单验证
主要介绍了jQuery实现checkbox全选、反选及删除等操作的方法,结合实例形式形式详细分析了jQuery针对checkbox多选按钮常见批量操作相关实现技巧,需要的朋友可以参考下
使用jquery实现 checkbox的 全选,反选
jQuery表格行全选反选单选代码是一款基于tableCheckbox.js插件实现的,鼠标点击表格行时候能选中行内的复选框,且当前行会高亮显示,支持shift多选。
举了7个不同的checkbox状态,和大家一一分享。 1、全选 $("#btn1").click(function(){ $("input[name='checkbox']").attr("checked","true"); }) 2、取消全选(全不选) $("#btn2").click(function(){ $("input...
jquery 实现全选,反选,全不选等功能,下面直接以例子进行说明,需要的朋友可以参考下
我们在做列表的时候经常会遇到全选,反选进行批量处理问题,例如: 我当时就是简单的实现了,然后想封装到公共的js中,封装的太烂,不好意思贴出来了(就是把实现代码之间放到公共js中,然后每个页面都用固定的id...
checkbox使用jquery全选-反选-取得选中的值-完整的例子
jquery attr()方法获取标签的 checked 会有问题,所以用了 prop() 方法。 Hml的checkbox没有加name,只用了 div 嵌套。 如有更好的方法,望指点!! //全选 $('#allChecked').change(function(){ $('#box').children...
下面看具体例子,为了让大家更好的理解,我直接把实现功能的代码贴出来: 代码如下:$(“#myform”).toggleCheckboxes()//全选,取消全选,反选 $(“#myform”).toggleCheckboxes(“:not(#checkbox1)”)//全选,取消全选且...
checkbox 全选和反选,一次性解决,用jquery来做