如何启用输入类型提交按钮

时间:2012-10-08 06:11:07

标签: android cordova

我的Android Phonegap应用程序中有下拉列表和输入类型提交按钮。 默认情况下我禁用了提交按钮,我想在下拉列表中启用按钮onchange事件。

我尝试了以下选项

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

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

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

基于上述链接的书面事件监听器

但上述选项对我不起作用。有人可以帮我解决这个问题。

2 个答案:

答案 0 :(得分:1)

请尝试使用以下代码,根据下拉列表“dropList”的更改事件来管理禁用/启用输入按钮。请确保您没有在HTML中为输入提交按钮“default_sub”添加“禁用”属性。并假设页面ID是默认的。

将下面的代码放在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 / remove class'ui-disabled'来禁用和启用按钮到它的类属性。

谢谢, Prashant Agrawal

答案 1 :(得分:0)

你试过吗?

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

您也可以试试这个。

<input type="submit" name="submit" value="Next" disabled="disabled"/>
$("input[name='submit']").removeAttr('disabled');
相关问题