-2

ドロップダウンが「はい」に設定されている場合、これら 2 つのフィールドを追加するのに役立つ JavaScript を書くのを手伝ってくれる人はいますか?

例: txtoneside_slider = Yes の場合、txtoneside の値を総計に追加します

txttwoside_slider = Yes の場合、txttwoside の値を総計に追加します

フィドルの例: http://jsfiddle.net/adder1999/rcU44/2/

<div id="onewindow">
   <label for="txtoneside" class="editor-label"><strong>1 Side</strong></label>
    <div align="right">
      <input type = "text" name = "txtoneside" id="txtoneside" value = "45" />
       <select name="txtoneside_slider" id="txtoneside_slider" data-role="slider" data-mini="true" />
         <option value="no">No</option>
         <option value="yes">Yes</option>
       </select> 
         </div>

<div id="onewindow">
   <label for="txtoneside" class="editor-label"><strong>2 Side</strong></label>
    <div align="right">
      <input type = "text" name = "txttwoside" id="txtoneside" value = "25" />
       <select name="txttwoside_slider" id="txttwoside_slider" data-role="slider" data-mini="true" />
         <option value="no">No</option>
         <option value="yes">Yes</option>
       </select> 
         </div>


<div id="grandtotal">
   <label for="txtgrandtotal" class="editor-label"><strong>JOB TOTAL</strong></label>
   <div align="right">
   <input type = "text" name = "txtgrandtotal" id="txtgrandtotal" value = "" />
   </div>
 </div>
4

2 に答える 2

0

これを試して:

<div id="onewindow">
   <label for="txtoneside" class="editor-label"><strong>1 Side</strong></label>
    <div align="right">
      <input type = "text" name = "txtoneside" id="txtoneside" value = "45" />
       <select name="txtoneside_slider" id="txtoneside_slider" data-role="slider" data-mini="true" onchange="javascript: if(this.value=='yes'){ document.getElementById('txtgrandtotal').value=document.getElementById('txtoneside').value;}"/>
         <option value="no">No</option>
         <option value="yes">Yes</option>
       </select> 
         </div>


<div id="onewindow">
   <label for="txtoneside" class="editor-label"><strong>2 Side</strong></label>
    <div align="right">
      <input type = "text" name = "txttwoside" id="txttwoside" value = "25" />
       <select name="txttwoside_slider" id="txttwoside_slider" data-role="slider" data-mini="true"  onchange="javascript: if(this.value=='yes'){ document.getElementById('txtgrandtotal').value= parseInt(document.getElementById('txtgrandtotal').value) + parseInt(document.getElementById('txttwoside').value);}" />
         <option value="no">No</option>
         <option value="yes">Yes</option>
       </select> 
         </div>

<div id="grandtotal">
   <label for="txtgrandtotal" class="editor-label"><strong>JOB TOTAL</strong></label>
   <div align="right">
   <input type = "text" name = "txtgrandtotal" id="txtgrandtotal" value = "" />
   </div>
 </div>

多分あなたが望むものです。それはあなたのフィドルで動作します。

サルドス。

于 2013-03-20T15:55:43.767 に答える
0

onChangeを使用して jquery 関数を実装できます。この値が yes の場合は、入力ボックスの値を変数に格納し、両方が yes の場合は、必要なものを作成します。

于 2013-03-20T15:44:32.827 に答える