使用jQuery禁用复选框
提问于 2013-10-03 15:17:10
我使用以下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特性，它允许您隐藏/取消隐藏表列
正如您在此图像中所看到的，该复选框似乎已禁用，但可以选中/取消选中
回答 4
Stack Overflow用户
发布于 2013-10-03 15:17:47
Stack Overflow用户
发布于 2013-10-03 15:21:22
试试下面这样的东西：
$("input").prop('disabled', true);Stack Overflow用户
发布于 2013-10-03 15:19:37
同时尝试添加只读属性：
$('.ColVis_collection button').first().find('input').attr("disabled", true).attr("readonly", true);这也许能帮你解决问题。。。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19162913
复制
腾讯云开发者
