jquery操作checkbox实现全选和取消全选_jquery

今天这样写了一个全选和取消全选的功能:

全选:$(":checkbox").attr("checked","checked");

取消全选:$(":checkbox").removeAttr("checked");

获取选中的:$(":checked[checked='checked']")

发现点全选可以,在点取消全选也可以,获取选中的失效,接下来再点任何按钮都没有效果了

这样行不通,我也不太清楚什么原因,脚本语言就这毛病,一边灵活一边诡异,也不去找原因了,后来改成这样写

全选: $(":checkbox").prop("checked",true)

取消全选:$(":checkbox").prop("checked",false)

获取选中的:$(":checkbox:checked")

反选:

复制代码 代码如下:

$(":checkbox").each(function(){
if($(this).prop("checked")){
$(this).prop("checked",false);
}else{
$(this).prop("checked",true);
}
});

时间: 2024-08-31 14:08:59

jquery操作checkbox实现全选和取消全选_jquery的相关文章

jQuery操作CheckBox的方法介绍(选中,取消,取值)_jquery

复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   <HTML>    <HEAD>     <TITLE> New document.nbsp;</TITLE>     <meta http-equiv="Content-Type" content="text/html; charset=U

解决jquery操作checkbox火狐下第二次无法勾选问题

 在工作中使用jquery操作checkbox,进行全选.反选,现在的问题是火狐下第二次无法勾选问题,在下面有个详细的解答,感兴趣的朋友可以参考下 最近在工作中使用jquery操作checkbox,使用下面方法进行全选.反选:  复制代码 代码如下: var ischecked=allCheckObj.is(':checked');  ischecked?checksObj.attr('checked',true):checksObj.attr('checked',false);    调试时在

解决jquery操作checkbox火狐下第二次无法勾选问题_jquery

最近在工作中使用jquery操作checkbox,使用下面方法进行全选.反选: 复制代码 代码如下: var ischecked=allCheckObj.is(':checked'); ischecked?checksObj.attr('checked',true):checksObj.attr('checked',false); 调试时在ie没有问题,考虑到兼容性,试试了firefox,遇到了问题.于是乎,做了如下实验: 复选框绑定了click事件,点一次选中,再点击取消选中,依次类推.这个功

jquery操作checkbox火狐下第二次无法勾选的解决方法_jquery

最近在学习jQuery(版本jquery-1.9.1.js),要求用jQuery实现全选/全不选.反选,在IE(IE8)中没有问题,但在火狐浏览器中调试的时候出现了一些小问题,达不到效果. html代码如下: <div> 你爱好的运动是 <input type="checkbox" id="selectal1" /><label for="selectal1">全选/全不选</label><b

控制全选-jquery控制checkbox是否选中,第二次全选时没有作用。

问题描述 jquery控制checkbox是否选中,第二次全选时没有作用. $(function(){ var powerList = ${jsonStr}; var actions = '${actions}'; for(i=0;i<powerList.length;i++){ $("#"+powerList[i].pId).append("<input name='checkbox' type='checkbox' value='"+powerLis

Gvidview想设置所有checkbox项的全选和取消全选

问题描述 想在gridvew外面加一个按钮,点击设置所有项的全选和取消全选,该怎样做? 解决方案 解决方案二:usingSystem;usingSystem.Data;usingSystem.Configuration;usingSystem.Collections;usingSystem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;usingSystem.Web.UI.WebCon

jquery操作checkbox示例分享_jquery

checkbox操作 1. 全选.全不选 2.打印所有的选中项目 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> </title> <script type="text/javascript&

html-无法用jquery操作checkbox选中的问题

问题描述 无法用jquery操作checkbox选中的问题 html代码如下 <span class="easyui-checkbox" > <input id="abc" name="abc" type="checkbox" data-options="width: 180" value="1" > 用的jquery操作选中 $("#abc"

jquery checkbox全选、取消全选实现代码_jquery

复制代码 代码如下: <script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> <input type="checkbox" name="checkbox_name[]" id="checkbox_name_1″ />1<br /> <input type="checkbox&q