如果选择了两个不同的选项,则分配不同的值jquery

时间:2014-01-28 17:22:22

标签: javascript jquery

我被困在Javascript / Jquery计算的某个地方。

请查看链接: http://thectiweb.com/booknow_new/

当选择第一行和第二行中的不同选项时,我需要根据这些选择显示不同的值。这就是我想出来的。

<div class="row-fluid service">
  <h3>step 1: Select Your Service*</h3>
  <input id="proc1" type="radio" name="proc" value="120"><label for="proc1"><img src="img/simply.png" width="160"><br></label>
  <input id="proc2" type="radio" name="proc" value="150"><label for="proc2"><img src="img/pristine.png"  width="160"><br></label>
  <input id="proc3" type="radio" name="proc" value=""><label for="proc3"><img src="img/custom.png"  width="160"><br></label>

  <div style="padding-bottom: 24px;" class="pop" id="pop">
    <div class="popover fade right in" style="top: 137.5px; left: 861.033px; display: block;"><div class="arrow"></div><div class="popover-content error">CustomFitTM service must be quoted individually. A representative will contact you for pricing upon form submission</div></div>
  </div>
</div>

<div class="clearfix"></div>

<div class=" row-fluid beds">
  <h3>numbers of bedrooms</h3>
  <input id="beds1" type="radio" name="beds" value="10"><label for="beds1"><img src="img/1.png"><br><small>one bedroom</small></label>
  <input id="beds2" type="radio" name="beds" value="20"><label for="beds2"><img src="img/2.png"><br><small>two bedroom</small></label>
  <input id="beds3" type="radio" name="beds" value="30"><label for="beds3"><img src="img/3.png"><br><small>three bedroom</small></label>
  <input id="beds4" type="radio" name="beds" value="40"><label for="beds4"><img src="img/4.png"><br><small>four bedroom</small></label>
  <input id="beds5" type="radio" name="beds" value="50"><label for="beds5"><img src="img/5.png"><br><small>five bedroom</small></label>
</div>

0 个答案:

没有答案