необходимо скрыть непроверенные коробки при печати

Question

Моему боссу нужен либо HTML-документ, либо документ Word. Что, когда он пойдет распечатать документ, он покажет только отмеченные им флажки. Существует огромный список флажков, поэтому он не хочет печатать всю вещь каждый раз. Только те, которые имеют значение для конкретного клиента.

Я пробовал несколько методов javascript, и css скрыл, ни один из которых не работал. Также попробовал поиграть с разработчиками макросов в Microsoft Word. Никто из них не дал мне то, что мне нужно.

<form id="form1" name="form1" method="post" action="">
 <p>
 <label>
  <input type="checkbox" name="CheckboxGroup1" value="checkbox" id="box" />
  Main.</label>
<br />
 <label>
  <input type="checkbox" value="checkbox" name="CheckboxGroup1"       id="boxchecked" />
  Other.</label>
<br />
</p>
</form>
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script>
$(document).ready(function(){
    $("#boxchecked").click(function (){
        if ($("#boxchecked").prop("checked")){
            $("#hidden").hide();
        }else{
            $("#hidden").show();
        }              
    });
});
</script>



' Determine if there are any items checked.
If checkedListBox1.CheckedItems.Count <> 0 Then
   ' If so, loop through all checked items and print results.
   Dim x As Integer
   Dim s As String = ""
   For x = 0 To checkedListBox1.CheckedItems.Count - 1
      s = s & "Checked Item " & (x + 1).ToString & " = " & CheckedListBox1.CheckedItems(x).ToString & ControlChars.CrLf
   Next x
   MessageBox.Show (s)
End If

Answer 1

Логика в вашем скрипте, кажется, пытается скрыть или показать какой-то элемент с идентификатором hidden, которого я нигде не вижу в вашем HTML.

Но, несмотря на это, есть намного более простой способ сделать это с помощью CSS.

@media print {
  input[type=checkbox]:not(:checked) {
    display: none;
  }
}

Answer 2

Вы бы использовали что-то вроде медиа-запроса ниже, но вы хотите убедиться, что используемый браузер совместим.

https://www.w3schools.com/cssref/sel_checked.asp

@media print { 
#boxchecked:not(:checked){ display: none; }
}

или в случае страницысо многими элементами-флажками вы можете создать класс css и применить медиа-запрос ко всем из них:

@media print { 
.cbx:not(:checked){ display: none; }
}

Надеюсь, это поможет!:)