javascript - 使用 Javascript 禁用输入字段

Question

这个问题已经有答案了:

How can I know the id of a JSF component so I can use in Javascript (6 个回答)

已关闭 6 年前。

当其他输入字段(实例字段 B)中的值大于 0.00 时，我尝试禁用一个输入字段(实例字段 A)。

脚本

function disableFields(){

var b = document.getElementById("B").valueOf();

if(b == 0){
document.getElementById("A").disabled=false;

}else{
document.getElementById("A").disabled=true;
}

JSF 代码

<h:inputText id="B" value="" onkeydown="disableFields();">
<f:convertNumber type="number" groupingUsed="true" minFractionDigits="2" pattern="#0.00"/>
<a4j:ajax event="valueChange" execute="@this" render="A, messagePanel" />
</h:inputText>
</rich:column>

<h:inputText id="A" value="">
<f:convertNumber type="number" groupingUsed="true" minFractionDigits="2" pattern="#0.00"/>
<a4j:ajax event="valueChange" execute="@this" render="A, messagePanel" />
</h:inputText>
</rich:column>

Answer 1

使用value属性获取输入元素的值。

function disableFields(){
  var b = parseFloat(document.getElementById("a").value);
  if(b > 0){
    document.getElementById("b").disabled=true;
  }else{
    document.getElementById("b").disabled=false;
  }
 }

<input type="number" id="a" onkeyup="disableFields();">
<input type="number" id="b">