jquery实现checkbox全选，反选，取消选择
开门见山，直接介绍方法，假设页面html代码如下
全部选择代码：
Jquery部分&
普通javascirpt部分：
function checkAll(){
&for(i=0;i&newTask.i++){
&&e=newTask.elements[i];
&&if(e.type=='checkbox'){
&&&if(e.checked=false){
&&&&e.checked=
&&&&e.checked=
取消选择代码:
&Jquery部分：
普通javascript部分：
function delAll(){
&for(i=0;i&newTask.i++){
&&e=newTask.elements[i];
&&if(e.type=='checkbox'){
&&&if(e.checked=true){
&&&&e.checked=
&&&&e.checked=
反向选择代码：
Jquery部分：&
普通javascript部分：
ps：在使用jquery时，一定要把jquery.js的加载放到所有与jquery有关的js文件之前，否则可能导致无法加载其他js文件，而造成错误。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。6268人阅读
easyui（13）
$(&#body_feetotal&).datagrid({
method: &get&,
pagination: true,
singleSelect: false,
rownumbers: true,
showFooter: true,
pageSize: 20,
fit: true,
toolbar: &#feetotal_toolbar&,
checkOnSelect: false,
fitColumns: false,
onLoadSuccess: function(data) {
if (data.rows.length & 0) {
for (var i = 0; i & data.rows. i++) {
if (data.rows[i].checkId == &1&) {
$(&input[type='checkbox']&)[i + 1].disabled =
onClickRow: function(rowIndex, rowData) {
$(&#body_feetotal&).datagrid(&unselectAll&);
$(&#body_feetotal&).datagrid(&selectRow&, rowIndex);
onCheck: function(index, row) {
$(&#body_feetotal&).datagrid(&unselectAll&);
$(&#body_feetotal&).datagrid(&selectRow&, index);
&span style=&color:#ff0000;&&onCheckAll: function(rows) {
$(&input[type='checkbox']&).each(function(index, el) {
console.log(el.disabled)
if (el.disabled) {
$(&#body_feetotal&).datagrid('uncheckRow', index - 1);&span style=&white-space:pre&& &/span&//此处参考其他人的代码，原代码为unselectRow
columns: [[
field: &ck&,
checkbox: true
field: &checkId&,
title: &复核&,
multiSort: true,
formatter: function(value) {
if (value == &1&) {
return &√&;
return &&;
halign: &center&,
align: &center&,
sortable: true
field: &feeNam&,
title: &费用名称&,
multiSort: true,
halign: &center&,
sortable: true
field: &iEIdNam&,
title: &进出口标志&,
multiSort: true,
halign: &center&,
sortable: true
field: &cntr&,
title: &箱号&,
multiSort: true,
halign: &center&,
sortable: true
field: &workWayNam&,
title: &作业方式&,
multiSort: true,
halign: &center&,
sortable: true
field: &feeTon&,
title: &计费量&,
multiSort: true,
halign: &center&,
formatter: function(value) {
return HdUtils.formatter.precisionCommon(value, 3);
align: &right&,
sortable: true
field: &measureUnitNam&,
title: &计量单位&,
multiSort: true,
halign: &center&,
sortable: true
field: &pileDays&,
title: &次/天数&,
multiSort: true,
align: &right&,
halign: &center&,
formatter: function(value) {
return HdUtils.formatter.precisionCommon(value, 2);
sortable: true
field: &feeValue&,
title: &单价&,
multiSort: true,
halign: &center&,
align: &right&,
formatter: function(value) {
return HdUtils.formatter.precisionCommon(value, 2);
sortable: true
field: &amount&,
title: &金额&,
multiSort: true,
halign: &center&,
align: &right&,
formatter: function(value) {
return HdUtils.formatter.precisionCommon(value, 2);
sortable: true
field: &discountRat&,
title: &折扣率&,
multiSort: true,
halign: &center&,
formatter: function(value) {
return HdUtils.formatter.precisionCommon(value, 4);
sortable: true
field: &currencyNam&,
title: &币种代码&,
multiSort: true,
halign: &center&,
sortable: true
field: &abstract&,
title: &摘要&,
multiSort: true,
halign: &center&,
sortable: true
field: &freeId&,
title: &免费标志&,
multiSort: true,
formatter: function(value) {
if (value == &1&) {
return &√&;
return &&;
halign: &center&,
sortable: true
field: &billNo&,
title: &提单号&,
multiSort: true,
halign: &center&,
sortable: true
field: &shipNam&,
title: &船名&,
multiSort: true,
halign: &center&,
sortable: true
field: &voyage&,
title: &航次&,
multiSort: true,
halign: &center&,
sortable: true
field: &feeUnitNam&,
title: &付费单位&,
multiSort: true,
halign: &center&,
sortable: true
field: &cntrCorpNam&,
title: &箱公司&,
multiSort: true,
halign: &center&,
sortable: true
field: &insAccount&,
title: '创建人',
multiSort: true,
halign: &center&,
sortable: true
field: &insTimestamp&,
title: '创建时间',
multiSort: true,
halign: &center&,
formatter: function(value) {
if (value != null && value != undefined) {
return new Date(value).format(&yyyy-MM-dd hh:mm:ss&);
width: 180,
sortable: true
field: &shipCod&,
title: &船代码&,
multiSort: true,
halign: &center&,
sortable: true
field: &feeBillNo&,
title: &账单号&,
multiSort: true,
halign: &center&,
sortable: true
field: &cntrSizCod&,
title: &尺寸&,
multiSort: true,
halign: &center&,
sortable: true
field: &cntrTypCod&,
title: &类型&,
multiSort: true,
halign: &center&,
sortable: true
field: &checkNam&,
title: &复核人&,
multiSort: true,
halign: &center&,
sortable: true
field: &checkDte&,
title: &复核日期&,
multiSort: true,
halign: &center&,
formatter: function(value) {
if (value != null && value != undefined) {
return new Date(value).format(&yyyy-MM-dd hh:mm:ss&);
width: 180,
sortable: true
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：105528次
积分：1233
积分：1233
排名：千里之外
原创：15篇
转载：51篇
(1)(3)(1)(2)(2)(4)(1)(1)(5)(6)(1)(2)(2)(4)(2)(1)(2)(7)(6)(10)(1)(1)如何将easyui中的复选框在修改时进行回显？_easyui吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：1,136贴子：
如何将easyui中的复选框在修改时进行回显？
String类型的复选框，在easyui的中修改时怎么才能回显值啊？userLikes $(&#add_user_form&).form('load',{
&userId& : arr[0].userId,
&userName& : arr[0].userName,
&userAge& : arr[0].userAge,
&userBir& : userbir,
&userLikes& : arr[0].userLikes,
}现在这样之恩那个回显一个！
卧室装修，推荐这些床，舒适透气，还有折扣！
这个只能自己写方法实现了，其实并不难，而且这个和easyui并没什么关系，框架好像没有支持复选框的组件
贴吧热议榜
使用签名档&&
保存至快速回贴jquery无法设置checkbox选中即没有变成选中状态
字体：[ ] 类型：转载 时间：
设置以后checkbox并没有变成选中状态，用chrome调试看了一下，checkbox中确实有checked属性，针对这个问题，大家可以参考下本文
代码如下: $("input").attr("checked","checked")
设置以后checkbox并没有变成选中状态，用chrome调试看了一下，checkbox中确实有checked属性，而且，值为checked，但是页面显示仍然为未选中状态
代码如下: $("input").prop("checked",true);
ttributes和properties之间的差异在特定情况下是很重要。jQuery 1.6之前 ，.attr()方法在取某些 attribute 的值时，会返回 property 的值，这就导致了结果的不一致。从 jQuery 1.6 开始， .prop()方法 方法返回 property 的值,而 .attr() 方法返回 attributes 的值。 例如, selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected 应使用.prop()方法进行取值或赋值。 在jQuery1.6之前，这些属性使用.attr()方法取得，但是这并不是元素的attr属性。他们没有相应的属性（attributes），只有特性(property)。 例如，考虑一个DOM元素的HTML标记中定义的&input type="checkbox" checked="checked" /& ，并假设它是一个JavaScript变量命名的elem ： elem.checked true (Boolean) 将改变复选框的状态 $(elem).prop("checked") true (Boolean) 将改变复选框的状态 elem.getAttribute("checked") "checked" (String) 不会改变的复选框的初始状态; $(elem).attr("checked") (1.6) "checked" (String) 不会改变的复选框的初始状态; $(elem).attr("checked") (1.6.1+) "checked" (String) 将改变复选框的状态 $(elem).attr("checked") (pre-1.6) true (Boolean) 将改变复选框的状态 根据W3C的表单规范 ，在checked属性是一个布尔属性，这意味着只要该 attribute 存在，即使它没有值，或是一个空字符串，该属性对应的 property 就是 true。以下推荐的是兼容浏览器方式，判断 checkbox 元素的 checked 属性是否为"真" 的方法：
代码如下: if ( elem.checked ) if ( $(elem).prop("checked") ) if ( $(elem).is(":checked") )
如果你使用jQuery 1.6 ，代码if ( $(elem).attr("checked") )，将获得一个属性(attribute) ，它不改变该复选框被选中和选中。它只是用来存储默认或选中属性的初始值。为了保持向后兼容，.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外，还会更新 property 属性，因此 boolean attribute（布尔属性）不需要通过 .prop() 来改变其值。推荐使用上述方法之一，来取得 checked 的值。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具本帖子已过去太久远了，不再提供回复功能。