顯示基於選擇使用S多個複選框的結果：在Struts2

Question

的CheckBoxList我有一個的CheckBoxList如下所示：

<s:checkboxlist list="books" name="checked" theme="simple" cssStyle="vertical"      
listKey="code" listValue="description" > </s:checkboxlist> 
<s:submit value="submit" name="submit"/> 

我有複選框如學者，小說，烹飪食譜等即，有多個複選框，我可以從中選擇多個選項。比如說，我選擇了小說和學者，然後顯示所有小說和學者下的書籍。如果我只選擇小說，那麼只能顯示小說類別下的圖書。我希望有一個提交按鈕，點擊時可以根據所選類別列出所有圖書。

當我嘗試使用checkboxlist（第二個代碼，如下所示）中的onchange函數時，它不適用於多選，即，只要我檢查單個複選框（例如，fiction），頁面刷新在我可以檢查其他複選框並僅顯示該特定類別（即小說）下的書籍之前自動進行。所以，以下不允許我檢查多個複選框。有沒有其他辦法可以實現這一目標？

<s:checkboxlist list="books" name="checked" theme="simple" cssStyle="vertical"      
listKey="code" listValue="description" onchange="searchBook(this)" > </s:checkboxlist> 


function searchBook(book){ 
var bookValue = book.value; 
document.getElementById("book").value = bookValue;  
document.forms[0].submit(); 
} 

謝謝！

Answer 1

<s:checkboxlist list="books" name="checked" theme="simple" cssStyle="vertical" 
listKey="code" listValue="description" onchange="searchBook(this)" > </s:checkboxlist> 

可以使用onchange或onclick

var lastVal = ""; // globale variable 
    function searchFunction(){ 
     var checkboxes = document.getElementsByName('checked'); 
     var vals = ""; 
     for (var i=0, n=checkboxes.length;i<n;i++) { 
      if (checkboxes[i].checked) 
      { 
      vals += ","+checkboxes[i].value; 
      } 
     } 
     if (vals) vals = vals.substring(1); 
     if(vals != "" && lastVal != vals){ 
      lastVal = vals; 
      document.getElementById("book").value = vals;  
      document.forms[0].submit(); 
     } 

    }