保存數據庫中的多個按鈕點擊

我正在爲父母照顧他們的新生兒的web應用程序。對於每項任務，我有三個按鈕，就像一個進度流程，它將顯示他們受過教育的給定任務有多遠（例如尿布更換的三個步驟（指導>完成，幫助>自己完成））。單擊按鈕時，它將更改顏色以指示此步驟已完成。保存數據庫中的多個按鈕點擊

現在來回答這個問題; 父母必須登錄才能看到此「清單」並單擊按鈕。假設他們第一次點擊了他們接受指示的按鈕，顏色發生了變化。但下一次他們登錄進入「清單」時，他們仍然會看到「已指示」按鈕已被點擊。

Here's a picture how the checklist looks like unclicked

Here's a picture how the checklist looks like with some clicked options.

的按鈕的代碼：

 <div class="container" id="checkcontainer"> 
    <h2>Diaper change</h2> 


    <input type="button" value = "Instructed" style= "color:black" onclick="setColor(this)";/> 
    <input type="button" value = "Done with help" style= "color:black" onclick="setColor(this)";/> 
    <input type="button" value = "Done by myself" style= "color:black" onclick="setColor(this)";/> 
    </div>

改變顏色的腳本（對不起，壞的格式）：

function setColor(element) { 
    if(!element.hasAttribute('data-count')){ 
    element.setAttribute('data-count', 1); 
    }var count = element.getAttribute('data-count'); 

    if(count == 0){ 
    element.style.backgroundColor = '#ffffff'; 
    element.setAttribute('data-count', 1); 
    } else{ 
    element.style.backgroundColor = '#7fff00'; 
    element.setAttribute('data-count', 0); 
    } 
}

我想選擇的選項存儲在我的phpmyadmin中（MySQL）數據庫，供家長下次查看buttonchange。任何想法如何代碼可能看起來像將其存儲在我的數據庫中，也顯示下一次？

來源

2017-02-07 Matsson

如果你不不想刷新頁面（我假設你不這樣做）的JavaScript函數改變顏色首先做一個ajax調用一個PHP腳本，保存在數據庫中的值，這個調用成功後，你可以改變顏色。然後在顯示結果之前從數據庫查詢狀態 –

Matsson

我與維克多同意，您可以添加一個字段作爲status_button那麼當用戶來到該頁面知道，如果它被點擊或沒有。

例如whitin JavaScript部分中，你可以寫這樣的事情：

<script type="text/javascript"> 
var instructed = '<?php echo $data['status_instructed'];?>'; 
var help = '<?php echo $data['status_help'];?>'; 
if(instructed == true){ 
    var a = document.getElementById('button_instructed'); 
    a.style.backgroundColor = '#7fff00''; 
} 
if(help == true){ 
    var b = document.getElementById('button_help'); 
    b.style.backgroundColor = '#7fff00''; 
} 
</script>

$data是mysqli結果，並把狀態。

，你可以改變一點點你的html代碼：然後

<input type="button" id="button_instructed" value = "Instructed" style= "color:black" onclick="setColor(this)";/> 
<input type="button" id="button_help" value = "Done with help" style= "color:black" onclick="setColor(this)";/> 
<input type="button" id="button_myself" value = "Done by myself" style= "color:black" onclick="setColor(this)";/>

You can read more here和here

來源

2017-02-09 17:05:32

保存數據庫中的多個按鈕點擊

回答

相關問題