獲取表單上的複選框提交併將值插入到textarea中

我遇到了表單問題！獲取表單上的複選框提交併將值插入到textarea中

下面的圖片是我想如何設置界面。基本上它由一個textarea組成，然後是一個帶有「提交」按鈕的表單，然後是一個下拉框。紅色輪廓框是一個div，其內容根據從當前值爲'Player'的下拉框中選擇的值而變化。

我似乎無法得到以下行爲的工作：根據點擊複選框的數量，在按下'防守'按鈕時，在textarea輸出一定的次數。

enter image description here

感謝您的時間！

來源

2013-06-18 user2361103

向我們展示你的代碼。 –

嘗試使用「複選框」的「onchange」功能。我不能幫助你沒有你的初始代碼 – 2013-06-18 08:09:15

我會用代碼編輯，但我似乎無法找出一個明智的方法來縮進代碼頁。無論如何，如果你有興趣，你可以在這裏查看我的代碼：http://www.codingforums.com/showthread.php?p=1341704#post1341704 – user2361103

這裏是什麼可能工作（你將需要改變，以滿足您的需求）的例子：

<script type = "text/javascript"> 
function checkboxes() 
{ 
if(document.getElementById('checkbox_1_id').checked&&document.getElementById('checkbox_2_id').checked == false) 
{ 
document.getElementById('textarea_id').value = "First checkbox has been checked"; 
} 
else if(document.getElementById('checkbox_1_id').checked == false&&document.getElementById('checkbox_2_id').checked) 
{ 
document.getElementById('textarea_id').value = "Second checkbox checked"; 
} 
else if(document.getElementById('checkbox_1_id').checked&&document.getElementById('checkbox_2_id').checked) 
{ 
document.getElementById('textarea_id').value = "Both checkboxes checked"; 
} 
} 
</script> 

<input type = "checkbox" id = "checkbox_1_id" > 
<input type = "checkbox" id = "checkbox_2_id" > 
<input type = "button" onclick = "checkboxes()" value = "defend">

來源

2013-06-18 09:41:43 imulsion

Thx回覆。但是我想要達到的目的是在用戶點擊「辯護」（提交表單）按鈕後顯示消息，而不是在複選框更改後立即顯示消息。 – user2361103

@ user2361103已編輯 – imulsion

獲取表單上的複選框提交併將值插入到textarea中

回答

相關問題