删除部分输入字段的值

阿尔伯特·MN。

我制作了一个jQuery脚本,将其添加/添加到输入字段的现有值中。我感到,如果一个复选框被选中,如果是,添加文字,如果是再次选中检查这样做,我想删除的文本-不清除整个价值,只是删除值的小部分-我” ve试图通过不使用任何替代附加值来实现此目的,但似乎不起作用。

这是我的剧本;

$(document).ready(
  function(){
    $('.checkbox').change(function(){
    if ($(this).is(':checked')) {
      if($('#output').val().indexOf('?') >= 0) {
        var input = $( "#output" );
        $('#output').val($('#output').val() + '&avatar');
      } else {
        $('#output').val($('#output').val() + '?avatar');
      }
    } else {
      $('#output').val(value.replace('?avatar', ''));
      $('#output').val(value.replace('&avatar', ''));
    }
  });
});

我不是这里最擅长使用jQuery的人-如果需要的话,我只会这样做,所以我可能会错过这里最明显的地方。

这也是一个包括我的HTMLjsFiddle

我已经在这里苦苦挣扎了一段时间,感谢您的帮助-预先感谢您!

JF吧

您的小提琴有一些错误-您的div容器也具有类复选框,因此导致了双击。

还修复了其他部分,没有定义任何值。

https://jsfiddle.net/vws4hpez/1/

$(document).ready(
  function() {
    $('.checkbox').change(function() {
      if ($(this).is(':checked')) {
        console.log('checked');
        if ($('#output').val().indexOf('?') >= 0) {
          var input = $("#output");
          $('#output').val($('#output').val() + '&avatar');
        } else {
          $('#output').val($('#output').val() + '?avatar');
        }
      } else {
        console.log('not');
        $('#output').val($('#output').val().replace('?avatar', ''));
        $('#output').val($('#output').val().replace('&avatar', ''));
      }
    });
  });

* HTML:

<div class="checkboxDiv">
  <label>
    <input id="avatar" type="checkbox" class="checkbox">Player avatar</label>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章