3009人阅读
Bootstrap3（61）
通过为按钮的背景设置 opacity 属性就可以呈现出无法点击的效果。
button 元素
为 &button& 元素添加 disabled 属性，使其表现出禁用状态。
&button type="button" class="btn btn-lg btn-primary" disabled="disabled"&Primary button&/button&
&button type="button" class="btn btn-default btn-lg" disabled="disabled"&Button&/button&
链接（&a&）元素
为基于 &a& 元素创建的按钮添加 .disabled 类。
href="#" class="btn btn-primary btn-lg disabled" role="button"&Primary link&
href="#" class="btn btn-default btn-lg disabled" role="button"&Link&
我们把 .disabled 作为工具类使用，就像 .active 类一样，因此不需要增加前缀。
链接的原始功能不受影响
上面提到的类只是通过设置 pointer-events: none 来禁止 &a& 元素作为链接的原始功能，但是，这一 CSS 属性并没有被标准化，并且 Opera 18 及更低版本的浏览器并没有完全支持这一属性，同样，Internet Explorer 11 也不支持。因此，为了安全起见，建议通过 JavaScript 代码来禁止链接的原始功能。
Context-specific usage
虽然按钮类可以应用到 &a& 和 &button& 元素上，但是，导航和导航条只支持 &button& 元素。
—–下面有个“顶”字，你懂得O(∩_∩)O哈哈~
—–乐于分享，共同进步！
—–更多文章请看：
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
本人的博客写的入门性的比较基本的东西，但隔行如隔山，入门实际上是最难的，一旦你入门了，再深入学习提高就简单了。遇到什么问题、想实现个什么功能，只需要搜索一下，百分之九十几的都能解决。所以我写博客的初衷就是将入门做细做精，做到甚至是不会电脑的人也能一看就懂。服务于只学了理论知识没有实战经验的或者已经懂一或两门语言，还想了解其它语言的人群。
世界上最浪费时间的事就是给年轻人讲经验，讲一万句不如你自己摔一跤，眼泪教你做人，后悔帮你成长，疼痛才是最好的老师。人生该走的弯路，其实一米都少不了。
如果博文中有错误或者您不认同的地方，欢迎评论或通过邮箱的方式随时联系我，我们共同讨论，拜谢！
承接java相关的网站 微信公众号 app 爬虫项目 有需要的可以私信我 留下你的联系方式 我看到后与你联系 详细谈项目
访问：242951次
积分：5341
积分：5341
排名：第4842名
原创：248篇
评论：174条后使用快捷导航没有帐号？
只需一步，快速开始
查看: 11666|回复: 17
jquery如何判断 checkbox被选中改变button的disabled
UID522653在线时间 小时积分1170帖子离线17362 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
jquery如何判断 checkbox被选中改变button的disabled
有多个 checkbox&&一个BUTTON&&
如何判断&&checkbox 有被选中的&&BUTTON&&的 disabled = false
checkbox 一个都没有被选中&&BUTTON&&的 disabled = true
请高手给写个例子 谢谢&&
UID500613在线时间 小时积分135帖子离线17362 天注册时间
初级会员, 积分 135, 距离下一级还需 65 积分
你这个不麻烦啊 建议你把代码段贴上来
用each遍历所有checkbox，
var flag =& && && && &&&
$(&.gridview input&).each(function(){
& && && && && && & if($(this).attr(&checked&)== &true&)
& && && && && && & {
& && && && && && && && &flag = true
& && && && && && & }
然后根据flag设置button&&
UID382945在线时间 小时积分457帖子离线17362 天注册时间
中级会员, 积分 457, 距离下一级还需 43 积分
上代码才好说啊!!!
UID522653在线时间 小时积分1170帖子离线17362 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
zioc 发表于
你这个不麻烦啊 建议你把代码段贴上来
用each遍历所有checkbox，
谢谢 那 然后呢&&BUTTON&&的 disabled&&怎么判断
UID581801在线时间 小时积分2775帖子离线17362 天注册时间
银牌会员, 积分 2775, 距离下一级还需 225 积分
用属性去判断啊&&XX.disabled==true&&||&&xx.disabled==&disabled&& &网上搜一下就知道了
我帮你搜了一下 判断用第一种 也就是if(xx.disabled){alert(&选中&);} ....
UID522653在线时间 小时积分1170帖子离线17362 天注册时间
银牌会员, 积分 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帖子离线17362 天注册时间
银牌会员, 积分 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帖子离线17362 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
上面&&ID 写错了&&#cjk&&应该是 #chk&&
自己发的帖子 怎么 不能重新 修改编辑呢&&
UID606190在线时间 小时积分75帖子离线17362 天注册时间
初级会员, 积分 75, 距离下一级还需 125 积分
貌似有个5分钟限制？
发完帖5分钟内可以编辑。。。
UID500613在线时间 小时积分135帖子离线17362 天注册时间
初级会员, 积分 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帖子离线17362 天注册时间
初级会员, 积分 135, 距离下一级还需 65 积分
zioc 发表于
FF/Chrome 测试有效 如果有兼容问题你再改改 思路是一样的
我也才接触Jquery 一个月&&想问一下 为什么不用$(document).ready(function () {}); ?
UID522653在线时间 小时积分1170帖子离线17362 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
zioc 发表于
FF/Chrome 测试有效 如果有兼容问题你再改改 思路是一样的
我也才接触Jquery 一个月&&想问一下 为什么 ...
$(function(){});&&是简写&&一样的&&我也刚学JQUERY&&很多不懂
你写的实现效果了&&但是逻辑 我怎么 没看懂呢&&
UID522653在线时间 小时积分1170帖子离线17362 天注册时间
银牌会员, 积分 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帖子离线17362 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
wanghaibo1986 发表于
整理了一下 但是发现还有个问题 当点击 All Click 后 再手动一个一个取消CHECKBOX选中状态&&SAVE 按钮 disa ...
奇怪 发到这里 好像 还可以了&&但是 把代码在本地运行 就不行
UID484574在线时间 小时积分2682帖子离线17362 天注册时间
银牌会员, 积分 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帖子离线17362 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
wyysf 发表于
写的很好 代码简单 我初学者还不太懂 能解释下吗&&
(&input:checked&).size(); 是什么
if(xh){&&是怎么判断 的
prop() 是涩会那么意思
UID484574在线时间 小时积分2682帖子离线17362 天注册时间
银牌会员, 积分 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帖子离线17362 天注册时间
银牌会员, 积分 1170, 距离下一级还需 1830 积分
wyysf 发表于
1.(&input:checked&).size()这句代码等同于(&input:checked&).length,就是获取选中checkbox的个数
2.if(xh ...
非常感谢 学习了
Powered by用jquery设置按钮的disabled属性的实现代码
字体：[ ] 类型：转载 时间：
在html标签中设置按钮被禁用，可以使用如下代码
在html标签中设置按钮被禁用，可以使用如下代码 &input type='button' id='test' value='disabled'& 在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled',false); jquery 控制button的disabled属性
代码如下: $('#button').attr('disabled',"true");添加disabled属性 $('#button').removeAttr("disabled"); 移除disabled属性
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具