温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
认认真真做事,踏踏实实做人
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(24553)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'jquery 中获取所有选中的checkbox的用法',
blogAbstract:'
以往还错误的把$(\"input[type=\'checkbox\'][checked]\")&是正确的用法，奇怪的是：这样用之前确实是好用的，单当我页面中的html内容超过1000行时，就不好使了，后来我这样的问题，才发现原来我的使用方法一直是错误的。修改为：$(\"input:checkbox[name=\'the&checkbox&name\']:checked\")&如果是在某一些标签下查找的话，为了防止查找到table&#tbTemplate元素以外的checkbox：checked，我们可以这样来限制：$(\"table#tbTemplate&input:checkbox[name=\'the&checkbox&name\']:checked\")&&',
blogTag:'jquery,checkbox,选中',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:5,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:1,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:true,
hostIntro:'认认真真做事,踏踏实实做人',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}后使用快捷导航没有帐号？
只需一步，快速开始
查看: 11565|回复: 17
jquery如何判断 checkbox被选中改变button的disabled
UID522653在线时间 小时积分1170帖子离线17336 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
jquery如何判断 checkbox被选中改变button的disabled
有多个 checkbox&&一个BUTTON&&
如何判断&&checkbox 有被选中的&&BUTTON&&的 disabled = false
checkbox 一个都没有被选中&&BUTTON&&的 disabled = true
请高手给写个例子 谢谢&&
UID500613在线时间 小时积分135帖子离线17336 天注册时间
初级会员, 积分 135, 距离下一级还需 65 积分
你这个不麻烦啊 建议你把代码段贴上来
用each遍历所有checkbox，
var flag =& && && && &&&
$(&.gridview input&).each(function(){
& && && && && && & if($(this).attr(&checked&)== &true&)
& && && && && && & {
& && && && && && && && &flag = true
& && && && && && & }
然后根据flag设置button&&
UID382945在线时间 小时积分457帖子离线17336 天注册时间
中级会员, 积分 457, 距离下一级还需 43 积分
上代码才好说啊!!!
UID522653在线时间 小时积分1170帖子离线17336 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
zioc 发表于
你这个不麻烦啊 建议你把代码段贴上来
用each遍历所有checkbox，
谢谢 那 然后呢&&BUTTON&&的 disabled&&怎么判断
UID581801在线时间 小时积分2775帖子离线17336 天注册时间
银牌会员, 积分 2775, 距离下一级还需 225 积分
用属性去判断啊&&XX.disabled==true&&||&&xx.disabled==&disabled&& &网上搜一下就知道了
我帮你搜了一下 判断用第一种 也就是if(xx.disabled){alert(&选中&);} ....
UID522653在线时间 小时积分1170帖子离线17336 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
我这样写的&&高手 帮我看看 哪错了&&
var falg =
$(&input[name='checked']:checkbox&).each(function () {
if ($(this).attr(&checked&)) {
$(&input[name='checked']:checkbox&).click(function(){
if(falg==true)
& & & & document.getElementById(&mtbtn_dis&).disabled=
& & & & else
& & & & {document.getElementById(&mtbtn_dis&).disabled=}
& & & && &
});& & & &&&
UID522653在线时间 小时积分1170帖子离线17336 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
请高手 帮调试一下 呀&&谢谢 了
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&checkbox&/title&
&script type=&text/javascript& src=&/ajax/libs/jquery/1.6.4/jquery.min.js&&&/script&
&script type=&text/javascript&&
$(function(){
$(&#cjk input&).each(function(){
if($(this).attr(&checked&))
flag=false
$(&#cjk input&).click(function(){
document.getElementById(&btn&).disabled=
&div id=&chk&&
&input type=&checkbox& name=&aaa& /& &br /&&br /&
&input type=&checkbox& name=&aaa& /& &br /&&br /&
&input type=&checkbox& name=&aaa& /& &br /&&br /&
&input type=&checkbox& name=&aaa& /& &br /&
&input type=&button& id=&btn& value=& save & disabled=&disabled& /&
&提示：您可以先修改部分代码再运行
UID522653在线时间 小时积分1170帖子离线17336 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
上面&&ID 写错了&&#cjk&&应该是 #chk&&
自己发的帖子 怎么 不能重新 修改编辑呢&&
UID606190在线时间 小时积分75帖子离线17336 天注册时间
初级会员, 积分 75, 距离下一级还需 125 积分
貌似有个5分钟限制？
发完帖5分钟内可以编辑。。。
UID500613在线时间 小时积分135帖子离线17336 天注册时间
初级会员, 积分 135, 距离下一级还需 65 积分
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&checkbox&/title&
&script type=&text/javascript& src=&/ajax/libs/jquery/1.6.4/jquery.min.js&&&/script&
&script type=&text/javascript&&
$(function(){
$(&#cjk input&).each(function(){
$(this).click(function(){
checkState()
function checkState()
var flag =
$(&#cjk input&).each(function(){
var isCheck = $(this).attr(&checked&);
if(isCheck != null && isCheck == &checked&)
document.getElementById(&btn&).disabled = &&;
document.getElementById(&btn&).disabled = &disabled&;
&div id=&cjk&&
&input type=&checkbox& name=&aaa& /& &br /&&br /&
&input type=&checkbox& name=&aaa& /& &br /&&br /&
&input type=&checkbox& name=&aaa& /& &br /&&br /&
&input type=&checkbox& name=&aaa& /& &br /&
&input type=&button& id=&btn& value=&save & disabled=&disabled& /&
&提示：您可以先修改部分代码再运行
UID500613在线时间 小时积分135帖子离线17336 天注册时间
初级会员, 积分 135, 距离下一级还需 65 积分
zioc 发表于
FF/Chrome 测试有效 如果有兼容问题你再改改 思路是一样的
我也才接触Jquery 一个月&&想问一下 为什么不用$(document).ready(function () {}); ?
UID522653在线时间 小时积分1170帖子离线17336 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
zioc 发表于
FF/Chrome 测试有效 如果有兼容问题你再改改 思路是一样的
我也才接触Jquery 一个月&&想问一下 为什么 ...
$(function(){});&&是简写&&一样的&&我也刚学JQUERY&&很多不懂
你写的实现效果了&&但是逻辑 我怎么 没看懂呢&&
UID522653在线时间 小时积分1170帖子离线17336 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
整理了一下 但是发现还有个问题 当点击 All Click 后 再手动一个一个取消CHECKBOX选中状态&&SAVE 按钮 disabled 没生效 请高手帮调下呀&&谢谢
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&checkbox&/title&
&script type=&text/javascript& src=&/ajax/libs/jquery/1.6.4/jquery.min.js&&&/script&
&script type=&text/javascript&&
$(function(){
$(&#chk input&).each(function(){
$(&#chk input&).click(function(){
$(&#chk input&).each(function(){
if($(this).attr(&checked&) != null && $(this).attr(&checked&) == &checked&)
$(&#btn&).removeAttr(&disabled&);
$(&#btn&).attr(&disabled&,&disabled&);
$(&#allbtn&).click(function(){
$(&#chk input&).attr(&checked&,&checked&);
$(&#btn&).removeAttr(&disabled&,&&);
$(&#rebtn&).click(function(){
$(&#chk input&).removeAttr(&checked&);
$(&#btn&).attr(&disabled&,&disabled&);
&div id=&chk&&
&input type=&checkbox& name=&aaa& /& &br /&&br /&
&input type=&checkbox& name=&aaa& /& &br /&&br /&
&input type=&checkbox& name=&aaa& /& &br /&&br /&
&input type=&checkbox& name=&aaa& /& &br /&
&input type=&button& id=&btn& value=& save & disabled=&disabled& /&
&input type=&button& id=&allbtn& value=& All Click &
&input type=&button& id=&rebtn& value=& Cancel All Click &
&提示：您可以先修改部分代码再运行
UID522653在线时间 小时积分1170帖子离线17336 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
wanghaibo1986 发表于
整理了一下 但是发现还有个问题 当点击 All Click 后 再手动一个一个取消CHECKBOX选中状态&&SAVE 按钮 disa ...
奇怪 发到这里 好像 还可以了&&但是 把代码在本地运行 就不行
UID484574在线时间 小时积分2682帖子离线17336 天注册时间
银牌会员, 积分 2682, 距离下一级还需 318 积分
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&checkbox&/title&
&script type=&text/javascript& src=&/ajax/libs/jquery/1.6.4/jquery.min.js&&&/script&
&script type=&text/javascript&&
$(function(){
$(&#chk&).find(&input&).change(function(){
var xh=$(&#chk&).find(&input:checked&).size();
$(&#btn&).prop({&disabled&:false});
$(&#btn&).prop({&disabled&:&disabled&});
&div id=&chk&&
&input type=&checkbox& name=&aaa& /&
&input type=&checkbox& name=&aaa& /&
&input type=&checkbox& name=&aaa& /&
&input type=&checkbox& name=&aaa& /&
&input type=&button& id=&btn& value=& save & disabled=&disabled& /&
&提示：您可以先修改部分代码再运行
UID522653在线时间 小时积分1170帖子离线17336 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
wyysf 发表于
写的很好 代码简单 我初学者还不太懂 能解释下吗&&
(&input:checked&).size(); 是什么
if(xh){&&是怎么判断 的
prop() 是涩会那么意思
UID484574在线时间 小时积分2682帖子离线17336 天注册时间
银牌会员, 积分 2682, 距离下一级还需 318 积分
1.(&input:checked&).size()这句代码等同于(&input:checked&).length,就是获取选中checkbox的个数
2.if(xh){}这个就是根据上面的出的数量来判断的，如果没有选择那么xh=0，if(0)得到false，
3.prop()这个和attr相同，后来jquery添加来取代attr的，这个你可以看jquery手册（较新的）
UID522653在线时间 小时积分1170帖子离线17336 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
wyysf 发表于
1.(&input:checked&).size()这句代码等同于(&input:checked&).length,就是获取选中checkbox的个数
2.if(xh ...
非常感谢 学习了
Powered by查看: 1738|回复: 11
jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法
$(&#myELement&)& & 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素
$(&div&)& && && &&&选择所有的div标签元素，返回div元素数组
$(&.myClass&)& && &选择使用myClass类的css的所有元素
$(&*&)& && && && & 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$(&#myELement,div,.myclass&)
层叠选择器：
$(&form input&)& && && &选择所有的form元素中的input元素
$(&#main & *&)& && && & 选择id值为main的所有的子元素
$(&label + input&)& &&&选择所有的label元素的下一个input元素节点，经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素
$(&#prev ~ div&)& && & 同胞选择器，该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签
基本过滤选择器：
$(&tr:first&)& && && && && &选择所有tr元素的第一个
$(&tr:last&)& && && && && & 选择所有tr元素的最后一个
$(&input:not(:checked) + span&)& &
过滤掉：checked的选择器的所有的input元素
天天瞎晃悠
如果table的class为tb： $(&.tb input&); 如果table的id为tb： $(&#tb input&); 如果是获取所有table下的所有input元素： $(&table input&); 语法： ancestor descendant 在给定的祖先元素下匹配所有的后代元素
表单元素选择器： $(&:input&) 选择所有的表单输入元素，包括input, textarea, select 和 button $(&:text&) 选择所有的text input元素 $(&:password&) 选择所有的password input元素 $(&:radio&) 选择所有的radio input元素 $(&:checkbox&) 选
var aAll = abc.find('a'); find(expr) 搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。 所有搜索都依靠jQuery表达式来完成。这个表达式可以使用CSS1-3的选择器语法来写。 返回值 jQuery 参数 expr (String)
像神一样的上帝
#(&:A&).val( #(&:B&).val()); 这样 就可以 把 B元素的值 赋给 A元素的值咯。。
$(&input&).nextAll('div').eq(0); 不要乱写标签，乱用css选择器。
非著名人士
selector1,selector2,selectorN 返回值:Arrayselector1,selector2,selectorN 概述 将每一个选择器匹配到的元素合并后一起返回。 你可以指定任意多个选择器，并将匹配到的元素合并到一个结果内。 参数 selector1Selector一个有效的选择器 selecto
你举着个例子里面，直接查ID最快。 因为ID是唯一的。比如你现在的DOM树一共有200个元素。 用第一种方法，直接查ID，可能选择器查询到第120个元素，就查到了ID符合的。然后因为ID是唯一的，选择器不用继续再查下去了，直接返回结果。这样进行的查
jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。 $(&p&) 选取 元素。 $(&p.intro&) 选取所有 class=&intro& 的 元素。 $(&p#demo&) 选取 id=&demo& 的第一个 元素。 jQuery 属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性> jquery_判断checkbox所有选中
jquery_判断checkbox所有选中
sirens & &
发布时间： & &
浏览：69 & &
回复：0 & &
悬赏：0.0希赛币
jquery_判断checkbox全部选中
&& $("input[name='modules']:checkbox").each(function (){
& if($(this).attr("checked")){
&&&& //alert(this.value); //value是checkbox的值
本问题标题：
本问题地址：
温馨提示：本问题已经关闭，不能解答。
暂无合适的专家
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&jQuery判断checkbox是否选中的3种方法
投稿：junjie
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了jQuery判断checkbox是否选中的3种方法,本文中的方法使用ID选择器实现,比网上其它的一些长篇大论的文章更加简练,需要的朋友可以参考下
网上大多数文章都提供的方法都是无效的,害死个人,本文中的方法小编亲测试有效,建议使用方法二：
if ($("#checkbox-id")get(0).checked) {
&&& // do something
if($('#checkbox-id').is(':checked')) {
&&& // do something
if ($('#checkbox-id').attr('checked')) {
&&& // do something
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具