Question

我在ASP.NET页面中有2个列表框（在HTML中选择）。我希望当选择list1的一个项目时，list2中的所选项目是未选中的，反之亦然。

2个选项是互斥的。

我该怎么办？

Answer 1

$(function() {
    var list1 = $("#listbox1");
    var list2 = $("#listbox2");

    list1.change(function() {
        $("option", list2).attr('selected', false);
    });

    list2.change(function() {
        $("option", list1).attr('selected', false);
    });
});

Answer 2

尝试使用以下内容：

$(document).ready(function() {
    $("#listbox1").change(function() {
        if ($(this).val() != "")
            $("#listbox2 option:selected").attr("selected", "");
    });
    $("#listbox2").change(function() {
        if ($(this).val() != "")
            $("#listbox1 option:selected").attr("selected", "");
    });
});

Answer 3

我认为Aaron的答案可以跨浏览器使用，但在这种情况下，应该使用收音机盒而不是复选框...

无线电盒专为这类情况而设计......

jquery：选择和取消选择列表框的项目

3 个答案: