同時更改按鈕值和顏色

Question

我也在嘗試更改點擊和顏色的值。 我能夠通過js更改值，但無法更改顏色。 這是我的Js代碼

<script type="text/javascript">
    function change(el) {
        if (el.value === "P")
            el.value = "A";
        else
            el.value = "P";
    }
</script>

這是按鈕：

<td>
    <input id="press5" name="press5" type="button" value="<?php echo $ro5[$_SESSION['dyy']] ?>"
           onclick="return change(this);" onBlur="checkAvailability5()" class="btn btn-primary"/>
</td>

請幫幫我。 謝謝。

Answer 1

此代碼將更改您的背景顏色，字體顏色和輸入按鈕的值。 這里的工作示例。

<input type="button" value="P" onclick="return change(this);"/>

<script type="text/javascript">
function change( el )
{
    if ( el.value === "P" ){
        el.value = "B";
        el.style.backgroundColor = "lightblue";
        el.style.color = "blue";
    }else{
        el.value = "P";
        el.style.backgroundColor = "lightpink";
        el.style.color = "red";
    }
}
</script>

Answer 2

使用此處閱讀的dom style對象

function change( el )
    {
        if ( el.value === "P" ){
            el.value = "A";
            el.style.backgroundColor = "red";
        } else {
            el.value = "P";
            el.style.backgroundColor = "blue";
        }
    }