小白 有没有帮看看

[鬼果]

实现一个单页面，当用户修改文本框中的数值 后，另外两个文本框会自动更新。如果你修改 Start 或者 End，Length 就会自动成为两者计算所得的长度;如果修改了 Length，End 就会随之改变。

[画骨难画风]

监听input框change事件或者光标离开事件然后jquery计算结果值不就可以了

[画骨难画风]

  <script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
      // 监听start改变
      $("input[name='title']").change(function(event) {
        var start=$("input[name='title']").val();
        var end=$("input[name='info']").val();
        var length=parseInt(end || 0) + parseInt(start || 0);
        $("textarea[name='content']").val(length);
      });
      // 监听length改变
      $("textarea[name='content']").change(function(event) {
        var start=$("input[name='title']").val();
        var length=$("textarea[name='content']").val();
        var end=parseInt(length || 0) - parseInt(start || 0);
        $("input[name='info']").val(end);
      });
    });
  </script>

<div class="layui-form-item">
          <label class="layui-form-label">標題</label>
          <div class="layui-input-block">
            <input type="text" name="title" placeholder="请输入標題" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">簡介</label>
          <div class="layui-input-block">
            <input type="text" name="info" placeholder="请输入簡介" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item layui-form-text">
          <label class="layui-form-label">內容</label>
          <div class="layui-input-block">
            <textarea name="content" placeholder="请输入内容" class="layui-textarea"></textarea>
          </div>
        </div>

我偷懒了,乱命名了,反正大概就这样,change不能满足你的要求你也可以监听键盘按下或者弹起事件,反正方法多多,思路多多

[鬼果]

已经写好啦。谢谢

[鬼果]

引用 2 楼 画骨难画风 的回复：

  <script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
      // 监听start改变
      $("input[name='title']").change(function(event) {
        var start=$("input[name='title']").val();
        var end=$("input[name='info']").val();
        var length=parseInt(end || 0) + parseInt(start || 0);
        $("textarea[name='content']").val(length);
      });
      // 监听length改变
      $("textarea[name='content']").change(function(event) {
        var start=$("input[name='title']").val();
        var length=$("textarea[name='content']").val();
        var end=parseInt(length || 0) - parseInt(start || 0);
        $("input[name='info']").val(end);
      });
    });
  </script>

<div class="layui-form-item">
          <label class="layui-form-label">標題</label>
          <div class="layui-input-block">
            <input type="text" name="title" placeholder="请输入標題" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">簡介</label>
          <div class="layui-input-block">
            <input type="text" name="info" placeholder="请输入簡介" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item layui-form-text">
          <label class="layui-form-label">內容</label>
          <div class="layui-input-block">
            <textarea name="content" placeholder="请输入内容" class="layui-textarea"></textarea>
          </div>
        </div>

我偷懒了,乱命名了,反正大概就这样,change不能满足你的要求你也可以监听键盘按下或者弹起事件,反正方法多多,思路多多

已经写好了