Question

以身作则。

$fullname = 'John Travolta';

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

当我们勾选复选框时，input fullname将自动按$fullname
如何通过javascript，jquery等进行此操作？

Answer 1

显然，$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>

Answer 2

你应该使用javascript（或JQuery，这是一个javascript库）来做到这一点，但由于$ fullname可能是一个PHP变量，你也需要使用它。

使用php变量的一个简单的javascript示例（可能与JQuery有点整合）：

<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 3

<!-- 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>

当我们勾选复选框时如何制作，另一个输入将自动填满

3 个答案: