javascript - 隐藏内联编辑图像按钮不起作用

Question

我有这个问题。我无法弄清楚我的代码有什么问题。我需要做的就是在 $principal_amt==$balance_amt 时隐藏内联编辑图像按钮，但我的代码什么也不做。这是我的代码：

// 编辑图片按钮：

<td <?php echo  $rowclass; ?>>
<?php echo  $html->linkWithImage('Edit','cashadvance/update/' . $cashadvance["id"], array(), 'editicon.png', array('class' => 'try')); ?>
</td>

//JS:

$("#principal_amt").change(function(){
        var principal = $("#principal_amt").val();
        $("#balance_amt").val(principal);

            if("#balance_amt" == "#principal"){
             $('.try').show(true);
            }
            else{
            $('.try').hide(true);}
        });

Answer 1

你比较两个不同的字符串：

if("#balance_amt" == "#principal"){

这意味着：如果字符串 #balance_amt = #principal then.. 但这总是错误的。

如果我很好理解您的问题，请尝试将您的代码更改为：

$("#principal_amt").change(function(){
    var principal = $("#principal_amt").val();
    $("#balance_amt").val(principal);

        if($("#balance_amt").val() == principal){
          $('.try').show(true);
        }
        else{
          $('.try').hide(true);
        }
    });

在这种情况下总是正确的......

Answer 2

您正在与 ID's not there 值进行比较if("#balance_amt" == "#principal")

那应该是：

$("#principal_amt").change(function(){
    var principal = $("#principal_amt").val();
    $("#balance_amt").val(principal);

        if($("#balance_amt").val() == principal){
         $('.try').show(true);
        }
        else{
        $('.try').hide(true);}
    });