Javascript 如何仅在填写所有表单字段时显示结果？_Javascript_Jquery_Forms_Calculator

Javascript 如何仅在填写所有表单字段时显示结果？

javascript jquery forms

Javascript 如何仅在填写所有表单字段时显示结果？,javascript,jquery,forms,calculator,Javascript,Jquery,Forms,Calculator,这是我的密码： <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $(".input").

这是我的密码：

<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
  <script type="text/javascript">
  $(document).ready(function(){
      $(".input").bind("change keyup", function(){
            var val1 = +$(".value1").val();
            var val2 = +$(".value2").val();
            var val3 = +$(".value3").val();
            var val4 = +$(".value4").val();
            $("#result").val(val1+val2+val3+val4);
     });
  });
  </script>
</head>
<body>
  <select class="input value1">
    <option value="">Choose</option>
    <option value="1">1</option>
    <option value="2">2</option>
  </select>
  <select class="input value2">
    <option value="">Choose</option>
    <option value="1">1</option>
    <option value="2">2</option>
  </select>
  <select class="input value3">
    <option value="">Choose</option>
    <option value="1">1</option>
    <option value="2">2</option>
  </select>
  <input type="text" class="input value4">
  <input type="text" disabled="disabled" id="result">
</body>
</html>


$（文档）.ready（函数（）{
$（“.input”）.bind（“更改键控”，函数（）{
var val1=+$（“.value1”）.val（）；
var val2=+$（“.value2”）.val（）；
var val3=+$（“.value3”）.val（）；
var val4=+$（“.value4”）.val（）；
$（“#结果”）.val（val1+val2+val3+val4）；
});
});
选择
1
2
选择
1
2
选择
1
2

我只想在填充或选择所有字段时显示结果。此外，在一个禁用的文本字段中，当某个字段未填充时，我想打印一条类似“您必须检查每个字段”的消息。如何修改此代码以实现此目的？

只需执行以下操作：

$(document).ready(function(){
  $(".input").bind("change keyup", function(){
        var val1 = +$(".value1").val();
        var val2 = +$(".value2").val();
        var val3 = +$(".value3").val();
        var val4 = +$(".value4").val();

        if(parseFloat(val1) > 0 && parseFloat(val2) > 0 && parseFloat(val3) > 0 && parseFloat(val4) > 0) {
           $("#result").val(val1+val2+val3+val4);
        }
        else {
           $("#result").val('You must check every field');
        }              
   });
});

为什么要使用类来标识单个控件？这就是“id”属性的用途。它只是一个示例。我知道在这种情况下最好使用id而不是类。