我需要一個表格，將一個類應用到一個div如果在窗體中的複選框被選中，然後提交按鈕打印頁面

設置是當用戶到達頁面時，它將他們的信息在頁面上放入以前的表格進行審查。此外，頁面上還會顯示一個表單，其中包含3個選項，每個選項都有一個複選框，表格底部有一個表示「打印」的按鈕。我需要一個表格，將一個類應用到一個div如果在窗體中的複選框被選中，然後提交按鈕打印頁面

用戶正在審閱的頁面頂部的信息也適用於3個字母，這些字母用隱藏顯示的div封裝。每個複選框代表一個隱藏的字母，比如說letter1，letter2和letter3。

所以，我需要一個表單，每個3個字母都有一個複選框，點擊時打印整個頁面的提交按鈕，以及表單應用於每個選定字母的div打印按鈕被點擊，所以print.css將只打印這個類應用到它的div。我最好喜歡所有這一切使用JavaScript或jQuery，但真的任何簡單的方法是值得歡迎的。

謝謝大家的幫助！

<form action="" id="letterPrint"> 

<input type="checkbox" name="letter1" value="letter1" /> Letter 1 

<input type="checkbox" name="letter2" value="letter2" /> Letter 2 

<input type="checkbox" name="letter3" value="letter3" /> Letter 3 

<input type="submit" value="print" /> 

</form>

這是我迄今爲止的表格。

來源

2011-01-28 Zach

你問了很多不同的東西在這個問題上，你有沒有證明你自己嘗試任何事情的任何證據。 – JackCA 2011-01-28 19:39:08

你知道沒有屬性「標籤」？儘管有一個**元素**`label`：` Letter 1``for`屬性必須等於相關`input`的`id`屬性。 – 2011-01-28 19:56:40

我很抱歉。我無法弄清楚該如何做的事情是當複選框被選中並且表單被提交時，將一個類應用於div。我有一個內置的頁面和一個可用選項製作的表單。我還沒有真正嘗試過這個具體的事情，因爲我一直在尋找並且找不到符合我需求的解決方案。我把我的表格加入了這個問題。我需要做的最後一件事是添加該功能，但作爲JavaScript的新手我無法真正找到我需要的東西。 – Zach 2011-01-28 19:57:27

Is this kind of what you're looking for?

來源

2011-01-28 19:50:16 sdleihssirhc

首先，添加打印樣式表不需要特定div的類。下面的代碼使得當你的頁面打印出來後，它會把你的打印CSS並將其應用到頁面，然後它被髮送出去打印。

<link rel="stylesheet" type="text/css" href="path/to/screen.css" media="screen" /> 

<link rel="stylesheet" type="text/css" href="path/to/print.css" media="print"/>

使它自動打印比看起來更棘手。但是，你可以使用此代碼，彈出打印對話框

if (window.print) { 
    window.print(); 
}

直接發送頁面到打印機進行打印，因爲將數據發送到打印機所需的打印信息所在的操作系統上是不可能的。 JavaScript只與瀏覽器交互。

來源

2011-01-28 19:41:58 jrlmx2

我需要一個表格，將一個類應用到一個div如果在窗體中的複選框被選中，然後提交按鈕打印頁面

回答

相關問題