根據複選框在窗體中添加/刪除輸入

Question

我有一個表單，每個複選框下有3個複選框和一個文本區域。

HTML：

<form> 
<input class="checkbox" id="checkboxsection1" type="checkbox" name="section1">Section 1<br/> 
<textarea name="section1textarea"> Sample </textarea><br/> 

<input class="checkbox" id="checkboxsection2" type="checkbox" name="section2">Section 2<br/> 
    <textarea name="section2textarea"> Sample </textarea><br/> 

<input class="checkbox" id="checkboxsection3" type="checkbox" name="section3">Section 3<br/> 
    <textarea name="section3textarea"> Sample </textarea><br/> 

<input type="submit" class="submit" value="Submit"/> 

JSfiddle

我現在有代碼的方式是，textarea裏時隱時現，當複選框被使用jQueryUI的切換選中該複選框是選中可見功能。

我正在使用的代碼更復雜，然後上面（我爲此目的已簡化它），但在我的情況下，我無法刪除textarea，因爲我有帆布元素和JavaScript調用它，並依靠它用於輸入。如果需要更多信息，我會爲上面的代碼增加更多的複雜性。

提交表格後，所有內容都將傳遞給購物車。我想知道是否有阻止textarea被傳遞到購物車，如果上面的textarea複選框保持未選中狀態，而不實際刪除textarea。

Answer 1

根據this question's accepted answer，禁用的字段不會發布。

你可以通過調用禁用的textarea：

$('textarea[name=section1textarea]').prop('disabled', true); 

，並通過調用重新啓用它：

$('textarea[name=section1textarea]').prop('disabled', false); 

UPDATE

我只想補充一點的複選框值將在檢查時發佈，所以當相應的複選框沒有被選中時，我會忽略發佈的textarea值，而不會r禁用textareas。或者兩者都是爲了安全。