对标签输入进行计数并根据标签计算价格

时间:2019-12-03 06:59:06

标签: jquery bootstrap-tags-input

我有以下脚本,其中我不知道如何添加基于多个标签的计算系统,例如:如果我在compnr输入中添加一个标签,我想在全薪输入中显示100e的价格,并且添加一个以上的标签,其价格为每个标签70e,并向我显示在totalpay输入中所有标签的总价。 (这是我的新手,我不知道该如何管理bootstrap-tags-input,对不起,我的英语不好。

HTML格式:

    <form action="" id="orderform" method='post'>
    <div class="form-wrapper">
        <label for="">Comp.Nr:</label>
        <input data-role="tagsinput" id="compnr" required type="text" name="compnr" class="form-control" placeholder="(with comma: ex: 443, 331)">
    </div>

     <div class="form-wrapper last">
        <label for="" class="label-input">Total to Pay:</label>
        <input type="text" name="totalpay" id="totalpay" class="form-control">
     </div>
</form>

jQuery:

    <script type="text/javascript">
            setInterval(function(){
$(function() {
  var total = $('#compnr').tagsinput('items');
  var tagsInputLength = total.length;

  var total_single     ="";
  var total_multiple ="";

    switch(tagsInputLength) {
  case 1:
    price = 100;
    total_single = (tagsInputLength * price);
    $('#totalpay').val(total_single);
    break;
    case ((tagsInputLength>=0 && tagsInputLength<=100)?tagsInputLength:-1):
    price = 70;
    total_multiple = (tagsInputLength * price);
    $('#totalpay').val(total_multiple+' EURO');
    break;
}
});
}, 1000);
        </script>

1 个答案:

答案 0 :(得分:0)

您可以尝试使用以下Jquery:

func init() {
    var err error
    // db, err = gorm.Open("sqlite3", "test.db")
    // db, err = gorm.Open("postgres", "user=gorm dbname=gorm sslmode=disable")
    db, err = gorm.Open("mysql", "root:@/test?charset=utf8&parseTime=True")
    if err != nil {
        panic(err)
    }
    db.LogMode(true)
    db.AutoMigrate(&User{})
    var user = User{Name: "jinzhu", Age: 10}
    db.Save(&user)
}

func FindUser(id int64) *User {
    var u User
    db.First(&u, id)
    return &u
}

func main() {
    user := FindUser(1)
    user.Age = 20
    db.Save(user)

    db.Model(user).Update("name", "hello")
    db.Model(user).Updates(User{Name: "hello again"})
}