title: Using media queries in JavaScript or if/else statements in CSS
body: <p>I am building a webpage with a customisable print settings.What happens is that whenever the print button is clicked, a dialog box is opened (I did with the <code>onclick</code> attribute and some js). The dialog box has some checkboxes, which are named as follows:</p>
  <ul>
  <li>Remove Menu</li>
  <li>Remove sidebars</li>
  <li>Remove links and buttons</li>
  <li>Remove comments</li>
  </ul>
  <p>So, what I want is, whenever a user clicks the checkboxes, the linked items are removed from the <code>@media print</code>  queries.</p>
  <p>So, the ways I can think of is to use media queries in JavaScript or conditional statements in css.</p>
  <p>Is it possible or some other language is required?</p>