Question

我在JSP中提到了表格格式。如果有人点击页面上的复选框，我想更新表格标题的第一列。

e.g。如果未选中复选框：
表头：
A B C

如果选中复选框：
表头：
D B C

到目前为止，我只能理解变更只能管理客户端。所以我不认为JSP可以在这里提供帮助。在这种情况下我必须使用JQuery。请帮助我纠正我的理解我是网络开发的新手。到目前为止，我正在尝试使用JSP实现这一点并且它无法正常工作：

 <% boolean flag=false; %>
 <script type="text/javascript">
 if (document.getElementById("checkBoxName").checked) {
     <% flag=true %>
 }
 </script>
 <% if(flag==true) { %>
   <th>A</th>
 <% }
 else { %>
   <th>D</th>
 <% } %>

Answer 1

您可以使用change()方法处理更改事件，使用html()更改其中的内容

＆＃13;

$('#checkBoxName').change(function() {
  var checked = this.checked
  $('th').html(function() {
    return checked ? 'ABC' : 'DEF';
  });
}).change();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" id="checkBoxName" />
<table>
  <th></th>
</table>

＆＃13;

根据复选框值更新第一个标题列

1 个答案: