webApp中实现input的禁止输入和取消禁止输入

本文纯属个人碰到难题解决方法的记录。

最近在修改一个用phoneGap搭建的html5的webApp，各种不兼容问题搞得头大。由于我是初学者，以前也没有怎么接触过html5和jquery mobile，添加的控件什么在HBuilder调试好好地，放到ADT下就各种出问题。

今天记录一个问题：如何实现在A情况下点击input禁止输入，B情况下点击input可以输入。

首先，这是两个input输入框代码：

<input id="beginDate" placeholder="开始时间" />
<input id="endDate" placeholder="结束时间" />

接着，这是调用的jquery：

        var begin = document.getElementById("txtBeginDate");
var end = document.getElementById("txtEndDate");
if (value == '') {
$("#txtBeginDate").removeAttr("disabled");   //当value值为 ''时点击input可以输入