jquery中checkbox反复没反应问题解决办法

最新推荐文章于 2023-08-18 15:07:07 发布
最新推荐文章于 2023-08-18 15:07:07 发布
阅读量416 收藏
点赞数
文章标签： javascript python ViewUI
原文链接：https://my.oschina.net/china008/blog/407350
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

jquery1.9以后，checkbox的选中用attr就有问题，第一次能选中，第二次选不中，要换成prop来设置属性。

1,问题重现

 代码如下复制代码

<html>
<body>
    <input type="checkbox" name="items" value="test" id='test' />test

    <button class='selected'>选中</button>
    <button class='unselected'>不选中</button>
</body>

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    $('.selected').click(function(){
        $('#test').attr('checked','checked');
    });
    $('.unselected').click(function(){
        $('#test').removeAttr('checked');
    });
});
</script>
</html>

在这里有一点要注意，第一次选中后，用开发者工具，可以看到，checkbox有checked='checked'属性，第二次，点了，但是选不中，还是有checked='checked'

2,解决办法

 代码如下复制代码

<script type="text/javascript">
$(function(){
    $('.selected').click(function(){
        $('#test').prop('checked',true);
    });
    $('.unselected').click(function(){
        $('#test').prop('checked',false);
    });
});
</script>


转载于:https://my.oschina.net/china008/blog/407350

weixin_33947521
关注
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
10-21
下面是一个使用`prop()`方法来解决反复调用attr()只生效一次的问题的示例代码： ```javascript // 定义全选函数 function checkAll() { $("input[name=ids]").prop("checked", true); } // 定义全不选函数 ...
jQuery中checkbox反复调用attr(‘checked’, true/false)只有第一次生效的解决方法
01-21
本文实例讲述了jQuery中checkbox反复调用attr(‘checked’, true/false)只有第一次生效的解决方法。分享给大家供大家参考，具体如下： 先看如下代码： /** * 全选 */ function checkAll() { $(input[name=ids])...
jquery控制checkbox，前两次可以使用，后边无效的解决方法
taozuihen17的专栏
12-09 988
转载自http://www.loveyu.org/2952.html 偶然间需要用到checkbox的一些功能，但是却又遇到了一些小问题，起初的代码是这样的，看着确实OK，毫无压力,只是做简单的全选与全不选的操作，当然，没有反选。问题就在这里，第一次，第二次都能用，到底三次就实在是不行了。 $("input[name='check_all']").click(function ()
checkbox 通过 jquery 设置选中，页面没效果
weixin_30522183的博客
01-30 444
checkbox 控件通过jquery设置选中 $("#checkboxId").attr("checked",true); 此方法可以设置，但是有时候会出现虽然设置了选中和取消，页面上的展示打钩的效果却不变。 解决办法： 用prop设置 即：$("#checkboxId").prop("checked",true); 转载于:https://www.cnblogs.com/kinber...
JqGrid之Checkbox选中不生效-yellowcong
09-20 1659
jqGrid的复选框操作的时候，需求是，Grid中的复选框，当单选框用，只能点击一个，这个功能通过监听grid里面的checkbox,然后设定选中事件， 但是问题是，设定之后，数据没有效果，解决的思路是通过JqGrid的getRowData的方法获取所有数据，然后手动处理checkbox的数据
jQuery中checkbox的选多次选中或取消后没有效果
a1638185626的博客
06-25 753
jQuery 中多次更改checkbox的状态,无效的解决方法 var aft = true; //全选 $("#allCheckBox").change(function () { var $cart = $(".cart_td_1 [name=cartCheckBox]"); if (aft){ ...
关于jquery设置checkbox选中无效的问题
砖
09-17 1808
使用jquery的attr方法设置checkbox为false后再无法设置该属性，如下：
jquery中checkbox全选失效的解决方法
01-19
为了保持向后兼容，.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外，还会更新 property 属性，因此 boolean attribute（布尔属性）不需要通过 .prop() 来改变其值。推荐使用上述方法之一，来取得 checked 的值...
Android CheckBox中设置padding无效解决办法
08-29
Android CheckBox中设置padding无效解决...Android CheckBox中设置padding无效解决办法需要了解CheckBox控件的特性和onDraw()方法的工作原理，然后选择合适的解决方法，以解决点击响应问题和padding设置无效的问题。
微信checkbox慢
wlchn
10-21 605
微信浏览器中在label中嵌套checkbox，会导致响应很慢。 解决办法是不用label。
jQueryValidateEngine.js关于checkbox错误提示
decic的博客
01-31 150
最近使用jqueryValidateEngine.js发现checkBox错误提示位置不是很好，所以动了改源码的念头！注：改源码最好打上注释以提醒自己！
关于jquery 1.9以上多次点击checkbox无法选择的bug解决
a413883127的专栏
05-29 932
在jquery1.9之前，我们对于一个checkbox对象来进行重复选择或者取消，我们可以使用这个方法
记一次el-checkbox包裹一层div，点击div勾选复选框，点击复选框却没反应的bug
m0_65915285的博客
07-27 1954
如图，点击div时，点击div取消，勾选复选框是正常的，但是点击复选框却失效，这是由于冒泡，相当于改了两次checked的值，造成值没变，只需要给checkbox的点击事件取消冒泡就可以了。
checkbox选择失效问题
web
05-08 5527
问题介绍：有时候我们点击复选框，但是他的状态并没有发生改变。如果你感觉和你的问题相似，请接着往下看。 问题核心：首先，我们要明确一个问题，复选框是否选中和你是不是点击复选框没多大的关系。说到这又得同学就不是很认同了，没错默认的复选框是通过点击实现复选框的状态的改变的。但这是XX帮我们维护checked这个变量的值 结论：复选框的状态有checked的值决定的。 我们遇到问题：大多是在复选框的checked的值由一个变量控制的时候，比如全选的情况下 <input onChange={this.hand
el-checkbox-group 点击box 没反应，无法取消勾选（记一次debug的思路）
Curry_On的博客
06-06 5692
今天工作时，碰到了项目代码中一个bug，表现出来的效果是：el-checkbox-group 点击 box 没反应，无法取消勾选。 也就是 box 默认是被勾选上的，但是点击取消勾选却没反应。 问题看起来还是比较奇怪，当然，最后bug还是被找出来了，这篇文章就来记录和分享一下我找问题的思路...
input type button checkbox onclick 点击失效 无反应
热门推荐
当富网络
05-03 2万+
全选 //全选/反选 function checked(){ alert("x"); }全选 上面这段代码，你觉得逻辑肯定行得通，觉得也会alert出一个x字符串符号出来，但是事实往往不是我们认为的这样 上面的结果是，点击复选框后，完全无效 具体的原因是 js定义了一系列保留关键字，也类似java或者其他编程语言一样，拥有自己的属性，自己的语法 js保留了自己独有
完美解决微信小程序使用复选框van-checkbox无法选中
最新发布
总结前端开发中遇到的问题，分享前端知识
08-18 3067
可以打印看看console.log(e)添加onChange事件。checked 默认值。
jquery checkbox checked无效（第一次有效，后面就没反应了）
weixin_33980459的博客
09-28 320
2019独角兽企业重金招聘Python工程师标准>>> ...
解决RecyclerView中CheckBox勾选混乱问题
然而，当在RecyclerView的每个列表项中添加CheckBox时，可能会遇到勾选状态混乱的问题。这是因为RecyclerView会复用已滚动出屏幕的列表项视图，如果没有正确处理每个CheckBox的状态，会导致用户在不同项之间看到错误...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值