jquery拼接和拆分字符串,并加入特殊符号

最新推荐文章于 2021-11-02 11:03:40 发布

转载最新推荐文章于 2021-11-02 11:03:40 发布 · 556 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ysf123/p/3879974.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用jQuery实现的自定义插件示例，包括如何将多个输入框的值结合成一个字符串以及如何将一个字符串拆分成多个部分并填充到不同的输入框中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.fn.combineInput = function (_config) {
    var _config = $.extend({
        addStr: ""
    });
    var td = $(this);
    var input = td.find("input");
    var inputLength = input.length;
    var _temp = [];
    var _tempStr = '';
    var pack = {
        init: function () {
            for (var i = 0; i < inputLength; i++) {
                _temp[i] = input.eq(i).val();
            }
            return pack.combine();
        },
        combine: function () {
            _tempStr = _temp.join(_config.addStr);
            return _tempStr;
        }
    };
    return pack.init();
}
//拆分字符串填入输入框
$.fn.splitInput = function (value) {
    var _temp = [];
    for (var i = 0; i < value.length; i = i + 4) {
        _temp.push(value.substring(i, i + 4));
    }
    var td = $(this);
    var input = td.find("input");
    var inputLength = input.length;
    for (i = 0; i < inputLength; i++) {
        input.eq(i).val(_temp[i]);
    } 
    return _temp;

}

html

<div id="test">
   几个<input>
</div>
引用
$("#test").combineInput()