如果文本字段1中的值大于文本字段2中的启用按钮

debugcn 发表于 Dev

用户名

我正在一个项目上，我想实现的是当textfield2的值小于textfield1中的值时，必须启用该按钮，并且我知道需要jquery或javascript才能实现此目的

<table width="50%" border="0" align="center" cellpadding="8" cellspacing="8">
   <tr>
      <td width="89" bgcolor="#F9F9F9" class="blacktext">Textfield 1
         <div align="left"></div><label></label>
      </td>
      <td width="291" align="center" bgcolor="#F9F9F9" class="redtext"><div align="left">
            <input name="Textfield1" type="text" class="textbox" id="Textfield1" placeholder="Enter Amount" autocomplete="off" value="10">
            <div></div>
      </td>
   </tr>
   <tr>
       <td bgcolor="#F9F9F9" class="blacktext">Textfield 2</td>
       <td bgcolor="#F9F9F9" class="redtext"><label for="Textfield2"></label>
            <input name="Textfield2" type="password" class="textbox" id="Textfield2" placeholder="Enter your Password">
       </td>
   </tr>
   <tr>
      <td colspan="2" align="right" class="redtext"><button disabled>Submit</button></td>
   </tr>
</table>

有什么帮助吗？

人造丝

使用keyup识别的变化input

parseFloat 解析字符串参数并返回浮点数

.prop() 为每个匹配的元素设置一个或多个属性

尝试这个：

$('#Textfield1,#Textfield2').on('keyup', function() {
  var btn = $('button.mybutton');
  if (parseFloat($('#Textfield1').val()) > parseFloat($('#Textfield2').val())) {
    btn.prop('disabled', false);
  } else {
    btn.prop('disabled', true);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table width="50%" border="0" align="center" cellpadding="8" cellspacing="8">
  <tr>
    <td width="89" bgcolor="#F9F9F9" class="blacktext">Textfield 1
      <div align="left"></div>
    </td>
    <td width="291" align="center" bgcolor="#F9F9F9" class="redtext">
      <div align="left">
        <input name="Textfield1" type="text" class="textbox" id="Textfield1" placeholder="Enter Amount" autocomplete="off" value="10">
      </div>
    </td>
  </tr>
  <tr>
    <td bgcolor="#F9F9F9" class="blacktext">Textfield 2</td>
    <td bgcolor="#F9F9F9" class="redtext">
      <label for="Textfield2"></label>
      <input name="Textfield2" type="password" class="textbox" id="Textfield2" placeholder="Enter your Password">
    </td>
  </tr>
  <tr>
    <td colspan="2" align="right" class="redtext">
      <button disabled class='mybutton'>Submit</button>
    </td>
  </tr>
</table>

在这里摆弄

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。