jQuery的：選擇和取消選擇列表框的項目

Question

我有2個列表框（在HTML中選擇）在ASP.NET頁面。我希望當一個list1項目被選中時，list2中的選定項目被取消選擇，反之亦然。

2選擇是互斥的。

我該怎麼辦？

Answer 1

嘗試的東西，如：

$(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 2

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

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

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

Answer 3

我認爲阿龍的回答將工作跨瀏覽器的，但是在這樣的單選按鈕的情況下，應使用，而不是複選框...

無線電盒是專門爲這種情況設計的...