论坛首页 Web前端技术论坛

JQuery实现页面中CheckBox全选

浏览 5664 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-10-01   最后修改:2012-10-03
继续回馈ITEYE, 绝对原创,JQuery实现CheckBox全选
选择全部的那个checkbox的id设为CheckAll
我是用在页面的GridView中的,当然也可以用在其他地方,本来还有个实现分组全选,还未成熟,下次放出


$(function () {

   // Checkbox 全选
   $("#CheckAll").click(function () {
      if ($(this).attr("checked") == "checked") { // 全选
         $("input[type='checkbox']").each(function () {
            if ($(this).attr("disabled") != "disabled")
               $(this).attr("checked", true);
         });
      } else { // 取消全选
         $("input[type='checkbox']").each(function () {
            if ($(this).attr("disabled") != "disabled")
               $(this).attr("checked", false);
         });
      }
   });
});
   发表时间:2012-10-01  
$("#CheckAll").click(function() {
    var checkFlag = $(this).prop("checked");
    $("input:checkbox").each(function() {
        $(this).prop("checked", checkFlag);
    });
});
0 请登录后投票
   发表时间:2012-10-03  
xieyan30 写道
$("#CheckAll").click(function() {
    var checkFlag = $(this).prop("checked");
    $("input:checkbox").each(function() {
        $(this).prop("checked", checkFlag);
    });
});


感谢朋友简化
0 请登录后投票
   发表时间:2012-10-19  
xieyan30 写道
$("#CheckAll").click(function() {
    var checkFlag = $(this).prop("checked");
    $("input:checkbox").each(function() {
        $(this).prop("checked", checkFlag);
    });
});

简练多了
0 请登录后投票
   发表时间:2012-10-19  
不好意思
以前给的那个js少一个功能,下面这个补上


$("#CheckAll").click(function() {
    var checkFlag = $(this).prop("checked");
    $("input:checkbox:enabled").each(function() {
        $(this).prop("checked", checkFlag);
    });
});


追加了“:enabled“表示只对可以点击的checkbox进行操作
0 请登录后投票
   发表时间:2012-11-06  
<input type="checkbox" onClick="selectAll(this, 'recordIds');

function selectAll() {
var targetObject = arguments[0];
var targetName = arguments[1];
var targetList = $("input[name='" + targetName + "']");
targetList.attr("checked", targetObject.checked);
}
0 请登录后投票
   发表时间:2012-11-06  
<input type="checkbox" onClick="selectAll(this, 'recordIds');

function selectAll() {
var targetObject = arguments[0];
var targetName = arguments[1];
var targetList = $("input[name='" + targetName + "']");
targetList.attr("checked", targetObject.checked);
}
0 请登录后投票
   发表时间:2012-11-06  
<input type="checkbox" onClick="selectAll(this, 'recordIds');

function selectAll() {
var targetObject = arguments[0];
var targetName = arguments[1];
var targetList = $("input[name='" + targetName + "']");
targetList.attr("checked", targetObject.checked);
}
0 请登录后投票
   发表时间:2012-11-06  
<input type="checkbox" onClick="selectAll(this, 'recordIds');

function selectAll() {
var targetObject = arguments[0];
var targetName = arguments[1];
var targetList = $("input[name='" + targetName + "']");
targetList.attr("checked", targetObject.checked);
}
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics