Как сделать, когда мы отметим галочкой и другой вход заполнится автоматически

Question

Форма по примеру.

$fullname = 'John Travolta';

<input type="text" name="fullname" />
<input name="same" type="checkbox" /> Tick if same name

1. Когда мы отметим флажок, input fullname будет вставлен автоматически по данным из $fullname
2. Как это сделать с помощью javascript, jquery или т. Д.?

Answer 1

Вы должны использовать javascript (или JQuery, который является библиотекой javascript), чтобы сделать это, но, поскольку $ fullname, вероятно, является переменной PHP, вам придется использовать это тоже.

Простой пример javascript (который, вероятно, может быть немного лучше с JQuery), который использует переменную php:

<input id="fullname" type="text" name="fullname" />
<input id="same" name="same" type="checkbox" 
   onchange="javascript:samename('<?php echo htmlspecialchars($fullname) ?>')" />

это вызывает функцию javascript, которая должна выглядеть примерно так:

function samename(fullname) {
  same = document.getElementById('same');
  full = document.getElementById('fullname');
  if(same.checked) {
    full.value = fullname;
  } else {
    full.value = '';
  }
}

Answer 2

<!-- I like using this.checked instead of $.attr -->
<script type="text/javascript">
  var fullname = "John Travolta"; // via PHP "<?= $fullname ?>";

  $("#same").change(function() {
    if (this.checked) {
      $("input[name=fullname]").val(fullname);
    }
  });
</script>

Answer 3

Очевидно, что $fullname должна быть переменная JavaScript для этой работы:

<script type="text/javascript">
    var fullname = 'John Travolta'; // can be entered on server side

    $('#check').change(function() {
        if ($('#check').attr('checked') == 'checked')
            $('#text').val(fullname);
    });
</script>