使用attr()为checkbox添加checked属性使其勾选，无效的问题

我就是我 2022-05-20 06:59 200阅读 0赞

项目中有一个需求，是点击一个按钮需要把这一行的复选框给勾上。所以使用了jQuery的attr()这个方法。代码如下

$("#itemstable").on("click",".switchbtn",function(){
                        var index = $.view(this).getIndex();
                        var label = $(".switchbtn").eq(index).text();
                        if($.trim(label) == "正常调度"){
                            $(".switchbtn").eq(index).html("无需调度");
                            //将选框框check去掉，并且让其只读
                             $(".switchbox").eq(index).removeAttr("checked");
                             $(".switchbox").eq(index).attr("disabled","disabled");
                        }else{
                            $(".switchbtn").eq(index).html("正常调度");
                            $(".switchbox").eq(index).removeAttr("disabled");
                            $(".switchbox").eq(index).attr("checked","checked");

\} \})

测试使用发现，这个disabled属性可以正常操作，这个checked属性移除没有问题，添加的时候，页面元素也被添加了checked属性，但是页面的上的却没有勾选上

![70][]

在网上查询资料发现，原来为复选框添加checked属性要使用prop()。使用后问题解决啦

[70]: /images/20220520/c06a72771c3347f49c7382cbe0946f3e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，200人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery 关于checked属性的添加与移除（解决.attr('checked',true)失效问题）

一、遇到问题： $(":radio").removeAttr('checked'); $(":radio").attr('checked','tru...

太过爱你忘了你带给我的痛/ 2024年04月19日 15:26/ 0 赞/ 72 阅读

相关 JQuery中checkbox勾选/取消勾选的诡异问题（attr和prop）

\1.使用attr()实现勾选的问题 //HTML伪代码 <form> 你爱好的运动是？<input type="checkbox" id="Che

约定不等于承诺〃/ 2022年06月14日 02:10/ 0 赞/ 319 阅读

相关 bootstrap checkbox 添加checked属性全选/反选

$\{productList\}后台传过来的产品集合,遍历集合会生成多个name属性为checkbox的input <div class="row">

叁歲伎倆/ 2022年06月12日 00:44/ 0 赞/ 283 阅读

相关关于CheckBox反复调用attr("checked", false)不好使情况

请先看代码： function SelectDataBySecond(This) { if ($(This).is(":checke

港控/mmm°/ 2022年06月10日 03:36/ 0 赞/ 128 阅读

相关使用attr()为checkbox添加checked属性使其勾选，无效的问题

项目中有一个需求，是点击一个按钮需要把这一行的复选框给勾上。所以使用了jQuery的attr()这个方法。代码如下 $("itemstable").on("click

我就是我/ 2022年05月20日 06:59/ 0 赞/ 201 阅读

相关 checkbox全选,反选,获取全选值,获取checkbox勾选长度

这个checkbox全选反选这些场景还是挺常见的，So,在此记录一下，方便大家方便自己。废话不多说，直接看代码。。 1.全选和反选,参数为name和id //j

朴灿烈づ我的快乐病毒、/ 2022年04月23日 12:58/ 0 赞/ 312 阅读

相关 checkbox复选框,让其勾选时触发一个事件，取消勾选时不触发

jQuery对CheckBox复选框操作 <%@ page language="java" contentType="text/html; charset=UTF-8

秒速五厘米/ 2021年12月09日 01:23/ 0 赞/ 1116 阅读

相关 input控件的checkbox属性自定义勾选框

思路首先隐藏input默认勾选框通过绑定label标签，设置label的样式来设置勾选框效果在这里插入图片描述代

落日映苍穹つ/ 2021年11月04日 22:24/ 0 赞/ 658 阅读

相关 checkbox复选框，如何让其勾选时触发一个事件，取消勾选时不触发

<input type="checkbox" οnclick="checkboxOnclick(this)" /> <script>

深碍√TFBOYSˉ_/ 2021年09月26日 16:42/ 0 赞/ 446 阅读

相关解决jquery升级1.6后checkbox的attr(checked)一直为undefined问题

jquery升级到1.6后，发现之前好用的checkbox选中效果无效了 if ($("check_box").attr("checked")=='checked')

末蓝、/ 2021年09月10日 10:50/ 0 赞/ 399 阅读