第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

如何使用jquery獲取輸入字段的總和

如何使用jquery獲取輸入字段的總和

慕絲7291255 2023-07-06 16:42:03
這是我動(dòng)態(tài)添加輸入字段的腳本，在這部分中，字段的最大值為 10。$(document).ready(function() {  var max_fields = 10;  var wrapper = $(".container1");  var add_button = $(".add_form_field");  var x = 1;  $(add_button).click(function(e) {    e.preventDefault();    if (x < max_fields) {      x++;      var form_colis = '<div><input type="text" placeholder="Poids" name="poids[]"/> <input type="text" placeholder="Longueur" name="longueurs[]"/> <input type="text" placeholder="Largeur" name="largeurs[]"/> <input type="text" placeholder="Hauteur" name="hauteurs[]"/><a href="#" class="delete">Delete</a></div>';      //$(wrapper).append('<div><input type="text" name="mytext[]"/><a href="#" class="delete">Delete</a></div>'); //add input box      $(wrapper).append(form_colis); //add input box    } else {      alert('You Reached the limits')    }  });  $(wrapper).on("click", ".delete", function(e) {    e.preventDefault();    $(this).parent('div').remove();    x--;  })});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="container1">  <button class="add_form_field">Add New Field &nbsp;               <span style="font-size:16px; font-weight:bold;">+ </span>            </button>  <div>    <input type="text" placeholder="Poids" name="poids[]">    <input type="text" placeholder="Longueur" name="longueurs[]">    <input type="text" placeholder="Largeur" name="largeurs[]">    <input type="text" placeholder="Hauteur" name="hauteurs[]">  </div></div>現(xiàn)在，我想在先前字段名稱總和的函數(shù)中添加字段。例如。對(duì)于名為 poids[] 的字段，如果總和大于 100，則用戶無(wú)法添加 fieldset，否則可以。我希望你明白我的意思。先感謝您
查看完整描述

2 回答

?
白衣染霜花

TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超10個(gè)贊

這是一個(gè)可以計(jì)算的版本。我也縮短了代碼 - 請(qǐng)注意 CSS 更改以及向 item div 添加的類


我假設(shè)您只想測(cè)試 poids > 100 ？


$(function() {

  var max_fields = 10;

  var $wrapper = $(".container1");

  var add_button = $(".add_form_field");


  $(add_button).click(function(e) {

    e.preventDefault();

    const vals = $("> .item input[name^=poids]",$wrapper).map(function() { return +this.value }).get()

    const val = vals.length === 0 ? 0 : vals.reduce((a, b) => a + b);

    if ($("> .item",$wrapper).length < max_fields && val < 100) {

      const $form_colis = $(".item").first().clone();

      $form_colis.find("input").val("");

      $wrapper.append($form_colis); //add input box

    } else {

      alert('You Reached the limits')

    }

  });


  $wrapper.on("click", ".delete", function(e) {

    e.preventDefault();

    $(this).parent('div').remove();

  })

});

.container1 .item:first-of-type .delete {

  display: none;

}


.delete { text-decoration: none; color: red; }


.add_form_field { white-space: nowrap; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button class="add_form_field">Add New Field ?</button>

<div class="container1">

  <div class="item">

    <input type="text" placeholder="Poids" name="poids[]">

    <input type="text" placeholder="Longueur" name="longueurs[]">

    <input type="text" placeholder="Largeur" name="largeurs[]">

    <input type="text" placeholder="Hauteur" name="hauteurs[]">

    <a href="#" class="delete">Delete</a>

  </div>

</div>


查看完整回答
反對(duì) 回復(fù) 2023-07-06
?
一只名叫tom的貓

TA貢獻(xiàn)1906條經(jīng)驗(yàn) 獲得超3個(gè)贊

如果我正確理解了你的問(wèn)題，那么請(qǐng)檢查我修改過(guò)的這個(gè)解決方案。如果所有字段的總和恰好小于100，則添加新字段，否則不添加。有必要嗎？


$(document).ready(function() {  

  

  var max_fields = 10;

  var wrapper = $(".container1");

  var add_button = $(".add_form_field");


  var x = 1;

  $(add_button).click(function(e) {

    e.preventDefault();

    

  $('.inputs:last-of-type').each(function(){

    var sum_inputs = 0;

    $(this).find('input').each(function(){

      sum_inputs += parseInt($(this).val());

    });

          

    if (x < max_fields && sum_inputs < '100') {

      x++;

      var form_colis = '<div class="inputs"><input type="text" placeholder="Poids" name="poids[]"/> <input type="text" placeholder="Longueur" name="longueurs[]"/> <input type="text" placeholder="Largeur" name="largeurs[]"/> <input type="text" placeholder="Hauteur" name="hauteurs[]"/><a href="#" class="delete">Delete</a></div>';

      //$(wrapper).append('<div><input type="text" name="mytext[]"/><a href="#" class="delete">Delete</a></div>'); //add input box

      $(wrapper).append(form_colis); //add input box

    } else {

      alert('You Reached the limits')

    }


    });

  });


  $(wrapper).on("click", ".delete", function(e) {

    e.preventDefault();

    $(this).parent('div').remove();

    x--;

  }) 

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="container1">

  <button class="add_form_field">Add New Field &nbsp; 

              <span style="font-size:16px; font-weight:bold;">+ </span>

            </button>



  <div class="inputs">

    <input type="text" placeholder="Poids" name="poids[]">

    <input type="text" placeholder="Longueur" name="longueurs[]">

    <input type="text" placeholder="Largeur" name="largeurs[]">

    <input type="text" placeholder="Hauteur" name="hauteurs[]">

  </div>

</div>


查看完整回答
反對(duì) 回復(fù) 2023-07-06
  • 2 回答
  • 0 關(guān)注
  • 170 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)