微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使用jQuery检查和禁用几个复选框?

我有以下 HTML代码
<input type="checkBox" value="1" />
<input type="checkBox" value="2" />
...
<input type="checkBox" value="30" />

并且用户已经检查过上次访问中的一些框,并且这些值存储在变量中(从服务器获取其值):

myChoices = ["1","5","12"]

很容易检查myChoices中具有值的所有复选框,可以通过以下方式完成:

$.(':checkBox').val(myChoices)

但我想检查并禁用这些框.我确实有如下解决方案:

$(':checkBox').each(function()
           {if ($.inArray(this.value,myChoices) != -1)
                {this.checked=true; this.disabled=true;}
})

它工作正常,但我只是想知道是否有一个更简单的解决方案,类似于val(),这是如此优雅.

谢谢.

解决方法

你可以这样做:
$(":checkBox").val(myChoices).filter(":checked").attr("disabled",true);

这是jsfiddle http://jsfiddle.net/P4VhK/中的一个例子

原文地址:https://www.jb51.cc/jquery/178419.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐