2012-10-08 33 views
0

我有我的Android Phonegap應用程序下拉列表和輸入類型提交按鈕。 默認情況下,我禁用提交按鈕,我想啓用我的下拉列表中的onchange事件按鈕。如何啓用輸入類型提交按鈕

我想下面的選項

$("buttonId").attr("disabled", false); 

$("buttonId").removeAttr("disabled"); 

http://forum.jquery.com/topic/disable-enable-button-in-form

寫事件偵聽器基於上面的鏈接

但上述方案並沒有爲我工作。有人能幫我解決這個問題嗎?

回答

1

請嘗試下面的代碼,用於管理基於下拉「dropList」更改事件的禁用/啓用輸入按鈕。確保你沒有在HTML中添加「禁用」屬性來輸入提交按鈕「default_sub」。並假設頁面標識是默認的。

將下面的代碼放在onDocumentReady事件中。

//PageShow event task binding 
$('#default').on('pageshow', function(){ 
    //setup disabled property for submit button. 
    $("#default_sub").attr("disabled", "disabled"); 
}); 

//Submit button click for test alert only 
$('#default_sub').on("tap, click", function(){ 
    alert("Submit : Pressed"); 
}); 

//Dropdowns onChange Event binding 
$('#dropList').on('change',function(){ 
    //Removing Disabled property 
    $("#default_sub").removeAttr("disabled"); 
}); 

此代碼正在爲我啓用基於Dropdown的onchange事件的按鈕。

上述代碼僅適用於<'input type =「submit」>標籤,但不會對其UI產生任何影響,如果您使用jquery data-role =「button」以及div,那麼您可以禁用並啓用按鈕使用addClass /刪除類'ui-disabled'到它的類屬性。

謝謝, Prashant Agrawal

+0

我試過按鈕點擊是禁用,但按鈕的CSS沒有改變 – rpelluru

+1

我用jQuery數據 - 角色按鈕替換了提交按鈕,並且能夠使用addClass('ui-disabled')禁用和啓用按鈕 – rpelluru

0

你有沒有試試這個。

document.getElementById('submitbuttonidhere').disabled = false; 

你也可以試試這個。

<input type="submit" name="submit" value="Next" disabled="disabled"/> 
$("input[name='submit']").removeAttr('disabled'); 
+0

試過沒有成功。 – rpelluru

+0

@rpelluru確保您的onchange事件通話。 –

+0

是的,它的調用正確,我添加了幾個console.log,它的打印沒有任何問題 – rpelluru

相關問題