显示基于选择使用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(); 
     } 

    }