2014-04-20 91 views
0

我想在CSS中編輯禁用的提交按鈕。如果未選中該複選框,該按鈕將被禁用,如果複選框被選中,則該按鈕將被啓用。我無法編輯禁用和啓用按鈕。我無法弄清楚該怎麼做。編輯禁用提交按鈕

檢查此fiddle你會更好理解。 input#btnsubmit[disabled]不適用。

+1

您是否想過在使用JS禁用元素時向元素添加類?然後,只是風格的課堂。 –

+0

我有,但我不是很好的jQuery或JavaScript,我不知道如何真正做到這一點。 – Filip

+0

我在想ifth this.check).addClass('butonsubmit');' – Filip

回答

2

首先 - true不是disabled屬性的有效值 - 它應該是disabled="disabled"(XHTML的兼容性)只是disabled沒有價值作爲HTML5

所有的第二 - 你的問題是因爲你設置background[disabled]部分基極輸入CSS和background-color - 所述background屬性的優先級 - 並且只要它沒有被覆蓋 - 它仍然施加

使用background兩者而問題是固定

Fiddle example

+0

我是啞!:D謝謝! – Filip

+0

歡迎您:)如果有幫助,請接受答案 –

+0

請注意,CSS中的禁用選擇器在IE8或以下版本中不起作用,ID推薦使用類:) –

1
$("#reguli").change(function(){ 
    $("#btnsubmit").prop("disabled",!this.checked).toggleClass('disabled-button'); 
}); 

此代碼將添加/刪除類.disabled-button,您可以使用CSS樣式。這也與舊版瀏覽器更廣泛兼容。