2013-03-20 3 views
-2

드롭 다운을 '예'로 설정하면이 두 필드를 추가하는 데 도움이되는 JavaScript를 작성할 수 있습니까?javascript로 더하기

예 : txtoneside_slider = 예 다음 총계

에 txtoneside 값을 추가하는 경우 txttwoside_slider 예 다음 총계

바이올린 예에 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> 
+0

[무엇을 시도해 봤습니까?] (http://mattgemmell.com/2008/12/08/what-have-you-tried/) – Jamiec

+1

무엇을 시도 했습니까? 이 작업은 매우 간단합니다 ...하지만 당신이 당신 자신을 해결하기 위해 노력하지 않았다고 생각하기 때문에 당신을 돕는 기분이 들지 않습니다. – Th0rndike

+0

http://jsfiddle.net/adder1999/p6q93/ 이것이 내가 시도한 것입니다.하지만이 값들을 함께 추가하기 시작 해야할지 잘 모르겠습니다. 그래서 개별 하위 합계를 얻을 수 있지만 일단 내가 이것을 가지고 예 아니오 기능에 그들을 추가하는 방법을 모르겠다 – Adder

답변

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> 

당신이 원하는 것입니다; 그것은 당신의 바이올린에서 작동합니다.

살루 도스.

+0

고마워 로버트 이것은 멋지 네요. 매우 감사. – Adder

+0

당신이 그 문제를 만족한다고 생각하면 내 대답을 upvote 깜빡 xD – Hackerman

+0

거기에 십진수를 전달하는 것이 있습니까? 예 : 134.50 단지 134를 전달합니다 – Adder

0

당신은 구현 수 onChange을 사용하는 jquery 함수이며이 값이 yes이면 입력 상자의 값을 변수에 저장하고 둘 다 예이면 필요한 항목을 만듭니다.