체크 박스, 텍스트 상자에 값 추가 및 자바 스크립트를 사용하여 선택

제니퍼

추가되는 목록에 체크 박스 값을 어떻게 추가합니까? 체크하면 합계에 추가되고 체크하지 않으면 추가되지 않습니다. 또는 이미 선택되어있는 경우 고객이 선택 취소하면 합계에서 차감됩니다.

자바 스크립트

function subtotal(){
$("#as").on('change',function(event){
    var as = $(event.target).val();
    var txt1 = $('#sff').val();
    var txt2 = $('#osf').val();
    var d = 0;

    if ($('#cbx3').is(":checked")) {
        d = parseFloat($("#cbx3").val(), 10);

    var a = parseFloat(as, 10);
    var b = parseFloat(txt1, 10);
    var c = parseFloat(txt2, 10);
    var total = parseFloat(a, 10) + parseFloat(b, 10) + parseFloat(c, 10) + d;


    $('#st').val(total.toFixed(2));  
}); 

HTML

<input type="text" id="txt1"/> //automatically shows value depending on a dropdownmenu
<input type="text" id="txt2"/> /automatically shows value depending on a dropdownmenu
<input type="text" id="gt"/> //this is where the answers shows

<input type="checkbox" id="cbx3"/>

<select id="as">
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
</select>

(가) total나는 텍스트 상자와 드롭 다운을 추가하는 것을 처리 한 TextBox1에 + TextBox2를 + dropdownmenu + 체크 박스에 해당해야한다, 우려는 이제 체크 박스입니다.

감사합니다...

asdf_enel_hak

관련 항목의 ID를 수정 한 후이 코드는 결과를 계산합니다.

$("#as").on('change', function(event) {
  var as = $(event.target).val();
  var txt1 = 0;
  var txt2 = 0;
  if ($('#txt1').val())
      txt1 = $('#txt1').val();
  if ($('#txt2').val())
     txt2 = $('#txt2').val();
  var d = 0;
 
  if ($('#cbx3').is(":checked")) {
    d = parseFloat($("#cbx3").val(), 10);
  }
  var a = parseFloat(as, 10);
  var b = parseFloat(txt1, 10);
  var c = parseFloat(txt2, 10);
  var total = parseFloat(a, 10) + parseFloat(b, 10) + parseFloat(c, 10) + d;


  $('#gt').val(total.toFixed(2));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="txt1" />
<br />
<input type="text" id="txt2" />
<br />
<input type="text" id="gt" />
<br />

<input type="checkbox" id="cbx3" value="5" />
<br />

<select id="as">
  <option value="10">10</option>
  <option value="20">20</option>
  <option value="30">30</option>
</select>
<br />

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트를 사용하여 선택한 체크 박스 값 표시

분류에서Dev

자바 스크립트 문제를 사용하여 텍스트 상자에서 선택한 값

분류에서Dev

선택 옵션의 값에 따라 체크 박스를 체크하는 자바 스크립트 기능

분류에서Dev

자바 스크립트로 체크 박스 값을 얻고 두 개 이상의 값을 선택할 때 div에 해당 값을 추가하십시오.

분류에서Dev

자바 스크립트를 사용하여 체크 박스 및 텍스트 입력 값을 URL 문자열로 보내기

분류에서Dev

체크 박스를 사용하여 자바 스크립트 변수 값 결정

분류에서Dev

자바 스크립트를 사용하여 텍스트 상자에 값 할당

분류에서Dev

자바 스크립트를 사용하여 devexpress 콤보 박스에서 선택한 항목 ID 가져 오기

분류에서Dev

다중 선택 및 자바 스크립트 값을 사용하여 HTML에서 선택

분류에서Dev

체크 박스가 체크 된 경우 자바 스크립트 추가 값

분류에서Dev

자바 스크립트-객체에 키 및 값 추가

분류에서Dev

객체 자바 스크립트에 값 추가 및 제거

분류에서Dev

자바 스크립트에서 선택된 체크 박스 값을 전달하십시오.

분류에서Dev

자바 스크립트를 사용하여 선택한 텍스트를 가져올 수 없습니다.

분류에서Dev

자바 스크립트를 사용하여 객체에서 값 추출

분류에서Dev

자바 스크립트를 사용하여 선택한 텍스트 select2 가져 오기

분류에서Dev

자바 스크립트 및 Canvas 2D 컨텍스트를 사용하여 선에 주석을 추가하는 방법은 무엇입니까?

분류에서Dev

테이블 자바 스크립트에서 여러 체크 박스 선택

분류에서Dev

자바 스크립트를 사용하여 JSON에 키 : 값 쌍 추가

분류에서Dev

자바 스크립트를 사용하여 json 파일에 키와 값 추가

분류에서Dev

체크 박스 총 개수를 가져오고 체크하면 텍스트 상자에 값 저장

분류에서Dev

자바 스크립트를 사용하여 활성 클래스에 HTML 하위 및 상위 탭 추가

분류에서Dev

자바 스크립트-체크 박스 및 로컬 저장소. 일치하는 값이 있으면 확인란을 선택하십시오.

분류에서Dev

자바 스크립트를 사용하여 라디오 버튼 및 체크 박스 값을 자동으로 계산하는 방법

분류에서Dev

자바 스크립트를 사용하여 기사 및 섹션 추가

분류에서Dev

자바 스크립트를 사용하여 텍스트 교체

분류에서Dev

자바 스크립트를 사용하여 HTML에서 드롭 다운 선택 값 선택

분류에서Dev

자바 스크립트를 사용하여 체크 박스 목록에서 하나 이상의 항목이 선택되었는지 확인

분류에서Dev

자바 스크립트로만 선택된 체크 박스에 따라 html 요소를 추가 / 제거하려면 어떻게해야합니까?

Related 관련 기사

  1. 1

    자바 스크립트를 사용하여 선택한 체크 박스 값 표시

  2. 2

    자바 스크립트 문제를 사용하여 텍스트 상자에서 선택한 값

  3. 3

    선택 옵션의 값에 따라 체크 박스를 체크하는 자바 스크립트 기능

  4. 4

    자바 스크립트로 체크 박스 값을 얻고 두 개 이상의 값을 선택할 때 div에 해당 값을 추가하십시오.

  5. 5

    자바 스크립트를 사용하여 체크 박스 및 텍스트 입력 값을 URL 문자열로 보내기

  6. 6

    체크 박스를 사용하여 자바 스크립트 변수 값 결정

  7. 7

    자바 스크립트를 사용하여 텍스트 상자에 값 할당

  8. 8

    자바 스크립트를 사용하여 devexpress 콤보 박스에서 선택한 항목 ID 가져 오기

  9. 9

    다중 선택 및 자바 스크립트 값을 사용하여 HTML에서 선택

  10. 10

    체크 박스가 체크 된 경우 자바 스크립트 추가 값

  11. 11

    자바 스크립트-객체에 키 및 값 추가

  12. 12

    객체 자바 스크립트에 값 추가 및 제거

  13. 13

    자바 스크립트에서 선택된 체크 박스 값을 전달하십시오.

  14. 14

    자바 스크립트를 사용하여 선택한 텍스트를 가져올 수 없습니다.

  15. 15

    자바 스크립트를 사용하여 객체에서 값 추출

  16. 16

    자바 스크립트를 사용하여 선택한 텍스트 select2 가져 오기

  17. 17

    자바 스크립트 및 Canvas 2D 컨텍스트를 사용하여 선에 주석을 추가하는 방법은 무엇입니까?

  18. 18

    테이블 자바 스크립트에서 여러 체크 박스 선택

  19. 19

    자바 스크립트를 사용하여 JSON에 키 : 값 쌍 추가

  20. 20

    자바 스크립트를 사용하여 json 파일에 키와 값 추가

  21. 21

    체크 박스 총 개수를 가져오고 체크하면 텍스트 상자에 값 저장

  22. 22

    자바 스크립트를 사용하여 활성 클래스에 HTML 하위 및 상위 탭 추가

  23. 23

    자바 스크립트-체크 박스 및 로컬 저장소. 일치하는 값이 있으면 확인란을 선택하십시오.

  24. 24

    자바 스크립트를 사용하여 라디오 버튼 및 체크 박스 값을 자동으로 계산하는 방법

  25. 25

    자바 스크립트를 사용하여 기사 및 섹션 추가

  26. 26

    자바 스크립트를 사용하여 텍스트 교체

  27. 27

    자바 스크립트를 사용하여 HTML에서 드롭 다운 선택 값 선택

  28. 28

    자바 스크립트를 사용하여 체크 박스 목록에서 하나 이상의 항목이 선택되었는지 확인

  29. 29

    자바 스크립트로만 선택된 체크 박스에 따라 html 요소를 추가 / 제거하려면 어떻게해야합니까?

뜨겁다태그

보관