文章/答案/技术大牛

发布

社区首页 >问答首页 >使用jQuery禁用复选框

问使用jQuery禁用复选框
EN

Stack Overflow用户

提问于 2013-10-03 15:17:10

回答 4查看 34.8K关注 0票数 4

我使用以下jquery禁用ID复选框

jQuery

$('.ColVis_collection button').first().find('input').attr("disabled", true);

html

此代码位于另一个按钮中，当单击该按钮时，它会像下拉菜单一样被激活。

<div class="ColVis_collection TableTools_collection" style="display: block; position: absolute; opacity: 1; top: 102px; left: 274px; width: 449px;">
    <button class="ColVis_Button TableTools_Button" style="width: 449px;">
        <span>
            <span class="ColVis_radio">
                <input type="checkbox" checked="checked">
            </span>
            <span class="ColVis_title">
                <span>
                    id
                </span>
            </span>
        </span>
    </button>
    <button class="ColVis_Button TableTools_Button" style="width: 449px;">
        <span>
            <span class="ColVis_radio">
                <input type="checkbox" checked="checked">
            </span>
            <span class="ColVis_title">
                <span>
                    name
                </span>
            </span>
        </span>
    </button>
    .
    .
    .
</div>

使用jquery禁用第一个带有span id的按钮，模糊显示它是禁用的，但可以单击它，即选中/取消选中。我是不是遗漏了什么？

编辑：

我使用的是jQuery datatables colvis特性，它允许您隐藏/取消隐藏表列

正如您在此图像中所看到的，该复选框似乎已禁用，但可以选中/取消选中

jquery

回答 4

Stack Overflow用户

发布于 2013-10-03 15:17:47

使用.prop()而不是.attr()来设置disabled属性

$('.ColVis_collection button').first().find('input[type="checkbox"]').prop("disabled", true);

演示：Fiddle

Attributes vs. Properties

票数 11

Stack Overflow用户

发布于 2013-10-03 15:21:22

试试下面这样的东西：

 $("input").prop('disabled', true);

票数 4

Stack Overflow用户

发布于 2013-10-03 15:19:37

同时尝试添加只读属性：

$('.ColVis_collection button').first().find('input').attr("disabled", true).attr("readonly", true);

这也许能帮你解决问题。。。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19162913

复制

相似问题

问使用jQuery禁用复选框
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery禁用复选框EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery禁用复选框
EN