2015-06-02 98 views
0
out.println("<html>"); 
    out.println("<head>\n" 
      + "<script src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js\"></script>\n" 
      + "<script>\n" 
      + "$(function() {\n" 
      + " $('input[type=\"checkbox\"]')\n" 
      + " .on('change', function(){$('input[type=\"checkbox\"]').not(this).prop('checked', false);});\n" 
      + "});\n" 
      + "</script>\n" 
      + "</head>"); 
    out.println("<body>"); 

    while (itr.hasNext()) { 
      Object o = itr.next(); 
      Element vraag = (Element) o; 

      StringBuffer row = new StringBuffer("<tr>"); 

      row.append("<td>" + vraag.getChildText("VRAAG") + "</td>"); 
      String antwoord = vraag.getChildText("INVOERMOGELIJKHEID"); 

      if (antwoord.equals("tweecheckbox")) { 
       row.append("<td>" + "<input type=\"checkbox\" name=\"tweecheckbox\" value=\"0\">" + "<input type=\"checkbox\" name=\"tweecheckbox\" value=\"1\">" + "</td>"); 
      } else if (antwoord.equals("driecheckbox")) { 
       row.append("<td>" + "<input type=\"checkbox\" name=\"driecheckbox\" value=\"0\">" + "<input type=\"checkbox\" name=\"driecheckbox\" value=\"1\">" + "<input type=\"checkbox\" name=\"driecheckbox\" value=\"2\">"); 
      } else if (antwoord.equals("viercheckboxNT")) { 
       row.append("<td>" + "<input type=\"checkbox\" name=\"viercheckboxNT\" value=\"0\">" + "<input type=\"checkbox\" name=\"viercheckboxNT\"value=\"1\">" + "<input type=\"checkbox\"name=\"viercheckboxNT\"value=\"2\">" + "<input type=\"checkbox\"name=\"viercheckboxNT\"value=\"3\">" + "<input type=\"checkbox\"name=\"viercheckboxNT\"value=\"\">" + "</td>"); 
      } else if (antwoord.equals("vijfcheckbox")) { 
       row.append("<td>" + "<input type=\"checkbox\" name=\"vijfcheckbox\" value=\"0\">" + "<input type=\"checkbox\"name=\"vijfcheckbox\"value=\"1\">" + "<input type=\"checkbox\"name=\"vijfcheckbox\"value=\"2\">" + "<input type=\"checkbox\"name=\"vijfcheckbox\"value=\"3\">" + "<input type=\"checkbox\"name=\"vijfcheckbox\"value=\"4\">"); 
      } else if (antwoord.equals("tekstvak")) { 
       row.append("<td>" + "<INPUT TYPE=\"text\" NAME=\"tekstvak\" SIZE=\"11\" MAXLENGTH=\"20\">"); 
      } else { 
       row.append("<td>" + antwoord); 
      } 

      out.println(row.toString()); 

     } 

在上面的代碼中,我試圖從java servlet中的xml文件中創建表單。在每個表格行中選擇一個複選框

表單正在創建和工作。不過,我想檢查每一行的一個複選框。目前,我只能在整個表單中選擇一個複選框。

我認爲在while循環中創建複選框是個問題。但是,我必須爲此表單創建88行,全部使用5個複選框。有沒有辦法做到這一點,但將能夠選擇每一行復選框?

回答

1

要檢查的第一個複選框或每一行,你可以試試,,

$(function() { 
    $('tr input[type="checkbox"]:first').prop('checked',true); 
}); 

,並檢查每列的第一個複選框嘗試,

+0

難道我們肯定JS是什麼OP是要求? – evolutionxbox

+0

**我想每行檢查一個複選框。**這是什麼意思? –

+0

這可以用Java來完成。爲什麼使用JS? – evolutionxbox

相關問題