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

Update first header column based on checkbox value

本文关键字：第一个 标题 更新 复选框      更新时间：2023-09-26

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

例如，如果未选中复选框：
表格标题：
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>
 <% } %>

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

$('#checkBoxName').change(function() {
  var checked = this.checked
  $('th').html(function() {
    return checked ? 'ABC' : 'DEF';
  });
}).change();
<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>

相关文章：