Обновить первый столбец заголовка на основе значения флажка

Question

У меня есть формат таблицы, упомянутый в JSP. Если кто-то нажмет флажок на странице, я хочу обновить первый столбец заголовка таблицы.

например. Если флажок не установлен:
Таблица заголовка:
ABC

Если флажок:
Таблица заголовка:
DBC

Насколько я просто в состоянии понять изменения должен управляться только на стороне клиента , Поэтому я не думаю, что 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() изменить содержание в нем

$('#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>