javascript - Javascript 中的条件测试

Question

我正在尝试有条件地拥有 <div>如果输入的数字为 18 及以上并且选择了 YO 选项，则显示 。任何帮助将不胜感激。代码如下。

<input type=numeric id=ageSelf ng-model="ageSelf" style="color:black">
    <select ng-model="ageUnit" style="color:black">
        <option selected value=YO>YO</option>
        <option>MO</option>
        <option>WO</option>
    </select><br>

<script type=text/javascript>
  var jq = $.noConflict(); //I am also using angularjs hence the variable
  jq(document).ready(function(){
    jq("#ageSelf").change(function(){
      //conditional for ageSelf
      if(jq("#ageSelf").val >= "18"){
        if(jq("#ageUnit") == YO){
          jq("#over18").show();
        }
      } else {
        jq("#under18").show();
      }         
    });     
});

Answer 1

这是 val()因为它是一个函数

if( jq("#ageSelf").val() >= "18" ) { ...

并且您正在检查字符串，而不是数字，您可能想要

var val = parseInt( jq("#ageSelf").val(), 10 );

if( val() >= 18 ) { ...    

和 YO 在 HTML 和 JS 中都应该被引用

<select id="ageUnit" ng-model="ageUnit" style="color:black">
    <option value="YO" selected>YO</option>

和

if( jq("#ageUnit").val() == "YO" ) { ...

大家在一起

jQuery(function($) {
    $("#ageSelf").on('change', function(){

        var val = parseInt( $("#ageSelf").val(), 10 );

        $("#over18").toggle( val >= 18 && $("#ageUnit").val() === "YO" );

    });     
});