Javascript 启用/禁用onsen按钮

Javascript 启用/禁用onsen按钮,javascript,angularjs,cordova,onsen-ui,Javascript,Angularjs,Cordova,Onsen Ui,我想在其他按钮的单击事件中启用/禁用onsen按钮。 我使用了下面的代码,但它对我不起作用。 同样需要建议/纠正 <ons-button id="save" disabled="true">Save</ons-button> <ons-button id="edit" ng-click ="edit_click()">Edit</ons-button> <ons-button id="cancel" disabled="true">

我想在其他按钮的单击事件中启用/禁用onsen按钮。 我使用了下面的代码,但它对我不起作用。 同样需要建议/纠正

 <ons-button id="save" disabled="true">Save</ons-button>
 <ons-button id="edit" ng-click ="edit_click()">Edit</ons-button>
 <ons-button id="cancel" disabled="true">Cancel</ons-button>
您正在计算“false”
string
value而不是
boolean
value

function edit_click(){ 
    document.getElementById("save").disabled=false;
    document.getElementById("cancel").disabled=false;
}

angularjs文档中有一个正确的示例,指示ng disable:

您可以使用onsen尝试类似的方法:

<input type="checkbox" ng-model="checked"><br/>
<ons-button ng-model="button" disabled="{{checked}}">Button</button>

按钮
您可以使用
ngAttrDisabled
指令动态禁用按钮

<ons-button ng-attr-disabled="{{ disableButton }}">Click me!</ons-button>
<input type="checkbox" ng-model="disableButton">
点击我!

不幸的是,
ngDisabled
在当前版本的Onsen UI中不适用于
标记。

如果使用angular,则操作简单且可靠。下面的代码适合我,请查看=)

html

<ons-button modifier="outline" style="width: 100%; ng-disabled="isDisable">Print</ons-button>

<ons-button modifier="outline" style="width: 100%; ng-disabled="isDisable">Email</ons-button>

“false”!==false
:-)您需要
elem.disabled=false改为(不带引号)使用不带引号的false也不起作用。本指南适用于简单的html按钮。我想切换onsen按钮。看看我上面提供的代码示例。这是给onsen的按钮。我在这里发布之前测试它。它工作得很好…这确实有效,但没有达到我的目的。我希望在另一个onsen按钮的click事件下执行相同的操作。不知道该怎么做。只要做
ng单击=“disableButton=!disableButton”
在单击按钮时将其禁用即可。太棒了!!它起作用了。但是,这仍然将单击事件限制为只有一个操作。如果我想在同一单击事件下执行其他任务,该怎么办?您应该编写一个控制器。请看AngularJS文档。完成了!!“disableButton=!disableButton”技巧完成了我所有的工作。非常感谢!:-)
<ons-button modifier="outline" style="width: 100%; ng-disabled="isDisable">Print</ons-button>

<ons-button modifier="outline" style="width: 100%; ng-disabled="isDisable">Email</ons-button>
//to disable
$scope.isDisable = true;

//to enable
$scope.isDisable = false;