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

时间:2009-10-17 14:49:43

标签: asp.net jquery html

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

2个选项是互斥的。

我该怎么办?

3 个答案:

答案 0 :(得分:4)

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

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

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

答案 1 :(得分: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", "");
    });
});

答案 2 :(得分:0)

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

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