订单表单字段计算

时间:2014-02-28 19:54:28

标签: javascript php jquery html bitcoin

我正在建立一个通过JotForm购买比特币的订单。也许有人可以在这里给我一个良好的开端。我的订单有几个字段我有一个当前比特币价格的字段,可以通过JSON使用PHP检索。我想要做的是当用户输入一定数量的比特币时,他想订购 TOTAL SUM 字段会根据他输入的金额自动刷新,如“2xcurent price”。任何帮助都非常感谢!

这就是它的视觉效果:

http://oi60.tinypic.com/2k4fgw.jpg

我的部分表单代码在这里:

 <h2 id="header_13" class="form-header">
        Order form
      </h2>
    </div>
  </li>
  <li class="form-line" id="id_15">
    <div id="cid_15" class="form-input-wide">
      <div id="text_15" class="form-html">
        <p>
          <strong>
           Bitcoin price USD:<?php echo $usd; ?>
          </strong>
        </p>
      </div>
    </div>
  </li>
  <li class="form-line" id="id_18">
    <div id="cid_18" class="form-input-wide">
      <div id="text_18" class="form-html">
        <p>
          <strong>
            Total Sum :
          </strong>
        </p>
      </div>
    </div>
  </li>
  <li class="form-line" id="id_3">
    <label class="form-label-top" id="label_3" for="input_3"> Email: </label>
    <div id="cid_3" class="form-input-wide">
      <input type="email" class=" form-textbox validate[Email]" id="input_3" name="q3_elPastas" size="25" value="" maxlength="38" />
    </div>
  </li>
  <li class="form-line" id="id_9">
    <label class="form-label-top" id="label_9" for="input_9"> Bitcoin amount: </label>
    <div id="cid_9" class="form-input-wide">
      <input type="text" class=" form-textbox validate[Numeric]" data-type="input-textbox" id="input_9" name="q9_pasirinktosValiutos9" size="25" value="" />
    </div>
  </li>
  <li class="form-line" id="id_10">
    <label class="form-label-top" id="label_10" for="input_10"> Bitcoin address: </label>
    <div id="cid_10" class="form-input-wide">
      <input type="text" class=" form-textbox validate[AlphaNumeric]" data-type="input-textbox" id="input_10" name="q10_bitcoinAdresas10" size="25" value="" maxlength="37" />
    </div>
  </li>
  <li class="form-line" id="id_14">
    <label class="form-label-top" id="label_14" for="input_14">  </label>
    <div id="cid_14" class="form-input-wide">
      <div class="form-single-column"><span class="form-checkbox-item" style="clear:left;"><input type="checkbox" class="form-checkbox" id="input_14_0" name="q14_input14[]" value="I Agree to receive newsletter" />
          <label for="input_14_0">I Agree to receive news letter </label></span><span class="clearfix"></span>
      </div>
    </div>
  </li>
  <li class="form-line" id="id_12">
    <div id="cid_12" class="form-input-wide">
      <div style="width:100%; text-align:Left;">
        <script id="jcf_custom_field" type="text/javascript" src="http://js.jotform.com/WidgetsServer.min.js"></script>
        <iframe onload="widgetFrameLoaded(12)" frameborder="0" scrolling="no" class="custom-field-frame" id="customFieldFrame_12" src="" style="border:none;width:400px; height: 45px">
        </iframe>
        <div>
          <input id="input_12" class="form-hidden widget-required form-widget" type="hidden" name="q12_clickTo" value="">
        </div>

      </div>
    </div>
  </li>
  <li class="form-line" id="id_2">
    <div id="cid_2" class="form-input-wide">
      <div style="text-align:center" class="form-buttons-wrapper">
        <button id="input_2" type="submit" class="form-submit-button">
          ORDER!
        </button>
      </div>
    </div>
  </li>
  <li style="display:none">
    Should be Empty:
    <input type="text" name="website" value="" />
  </li>
</ul>

1 个答案:

答案 0 :(得分:0)

我通过简单地使用一个对象数组解决了这个问题。例如,我接受注册。所以为了得到总价,我就这样:

var registrants = [];

registrants.push({ price: 30 });
registrants.push({ price: 10 });
registrants.push({ price: 20 });

var totalPrice = 0;

for(var x = 0; x < registrants.length; x++){
    totalPrice += registrants[x]["price"];
}

您只需在适当的时候更新相应注册人的价格属性。