使用jQuery UI以编程方式设置CheckBoxList项
使用jQuery UI以编程方式设置CheckBoxList项
提问于 2014-06-26 00:03:37
我已经创建了一个ASP CheckBoxList，我的目标是默认选择前3个选项。可以同时选择前3个选项中的任意数量，但第4个选项是互斥的。因此，我创建了一个方法来查看是否选中了第四个选项，然后取消选择前三个选项。此外，如果选中前3个选项中的任何一个，则取消选择第4个选项。这工作得很好，直到我为CSS添加了jQuery UI。现在，它不会取消选中单击事件上的任何其他选项。我检查过了，它正在进入方法中。没有错误。它只是没有取消选中复选框。此外，有时我必须单击复选框两次才能选择/取消选择选项。有什么想法吗？
<asp:CheckBoxList runat="server" ID="StatusCheckBoxList" CssClass="jqcheck">
<asp:ListItem Text="1" Value="1" Selected="True"></asp:ListItem>
<asp:ListItem Text="2" Value="2" Selected="True"></asp:ListItem>
<asp:ListItem Text="3" Value="3" Selected="True"></asp:ListItem>
<asp:ListItem Text="4" Value="4"></asp:ListItem>
</asp:CheckBoxList>
function ChangeOptions(chkid) {
var op1 = document.getElementById(chkid + "_0");
var op2 = document.getElementById(chkid + "_1");
var op3 = document.getElementById(chkid + "_2");
var op4 = document.getElementById(chkid + "_3");
if (op4.checked) {
op1.checked = false;
op2.checked = false;
op3.checked = false;
}
else {
op4.checked = false;
}
}在后面的代码中，我附加了onclick事件：
StatusCheckBoxList.Attributes.Add("onclick", "ChangeOptions('" + StatusCheckBoxList.ClientID + "')");CSS标记：
function loadJqueryUI() {
$(document).ready(function () {
$(".jqcheck").buttonset();
}这是我正在尝试使用的jQuery UI特性：http://jqueryui.com/button/#checkbox
Stack Overflow用户
发布于 2014-06-26 03:42:19
找到问题所在。jquery对象需要刷新，因此在ChangeOptions()函数的末尾添加以下代码解决了这个问题：
$(".jqcheck").buttonset("refresh");页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24413546
复制相关文章
相似问题
腾讯云开发者
