jquery - 配送先住所と同じ請求 / 請求オプションの削除

Question

私はjqueryが初めてです。私はeコマースWebサイトに取り組んでいます。関連する請求先住所があります。ユーザーが請求先住所として提供しなければならない物理的な住所があるという問題。ただし、請求先住所が配送先住所と同じ場合、配送先住所を編集するためのリンクは非表示にする必要があります。

したがって、jQuery はリンクを削除するトリックを実行できると思います。jQueryを使用してこの問題にどのようにアプローチできるか知りたい

Answer 1

かなり一般化された例

$('#ship, #bill').change(function() {
  var bill_val = $('#bill').val(); // save the current values in vars
  var ship_val = $('#ship').val();
  console.log(bill_val + ' = ' + ship_val) // debug purposes
  if (bill_val === ship_val && bill_val.trim().length && ship_val.trim().length) {
  // the if above checks to see if they are the same and if they aren't just spaces
    $('.edit').fadeOut(); //or .hide() for no fade
  } else {
    $('.edit').fadeIn(); //or .show() for no fade
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type='text' id='ship' />
<input type='text' id='bill' />
<a href='javascript:;' class='edit'>Edit</a>

この例は、必要に応じて、数字のみを受け入れるように調整したり、スペースをさらに削除したり、その他のチェックを行ったりすることができます。