HTML 레이블 또는 텍스트 필드에 자바 스크립트를 사용하여 값 더하기 및 빼기

끄덕임

여기에 또 다른 도움이 필요합니다. "텍스트 상자"필드에 더하거나 뺄 수 있지만 "레이블"또는 "텍스트"필드에는 없습니다. 체크 박스의 텍스트베이스 값을 변경하고 싶습니다. 아래에 내 코드가 있습니다.

<div style="margin-bottom:10px;">
<label>CPV (RM)<strong style="margin-left:100px; color:red;" id="CPV">0.05</strong></label>
    <label>CPC (RM)<strong style="margin-left:100px; color:red;" id="CPC">0.55</strong></label>
    <input type="text" name="CPV"/>
    </div>

    <div style="margin-bottom:10px;">
    <label style="float:left;">Ad Targeting</label> 
    <div id="ad-target-button" style="margin-left:85px;" onclick="toggle()">
    <input type="checkbox" checked="checked" value="On" name="adtarget" id="adtarget_check">
    </div>
    </div>

    <div class="row-fluid">
    <label style="float:left; margin-top:5px;">Target Gender</label>
    <div style="display:block;">
    <label class="checkbox inline">
    <input type="checkbox" value="male" id="gender_male" name="gender[]" class="gender" onclick='add(922.63, this);'/>Male
    </label>
    <label class="checkbox inline"><input type="checkbox" value="female" id="gender_female" name="gender[]" class="gender" onclick='add(400.3, this);/>Female
    </label>
    </div>
    </div>

계산할 자바 스크립트 함수는 다음과 같습니다.

function correctNumber(number) {
    return (parseFloat(number.toPrecision(12)));
}

function add(total, this_chk_bx) {
    var CPV = (page3.CPV.value * 1);
    var total = total * 1;

    if (this_chk_bx.checked == true) {
        //add if its checked
        page3.CPV.value = correctNumber(CPV + total);
        $('#CPV').text(val)  = correctNumber(CPV + total);
    } else {
        //subtract if its unchecked
        page3.CPV.value = correctNumber(CPV - total);
        $('#CPV').text(val)  = correctNumber(CPV - total);
    }
}

이 JSFIDDLE에서 코드를 얻었습니다 : http://jsfiddle.net/kHxmG/5/ 하지만 텍스트 상자에 값을 표시하고 싶지 않습니다. 나는 그것을 <label>.

로터스

귀하의 ID #CPV는 라벨이 아닙니다. strong-Tag에는 .text () 메소드가 없으므로 이와 같은 텍스트를 추가 할 수 없습니다.

다음과 같이 레이블의 텍스트를 변경할 수 있습니다.

document.getElementById('myLabel').innerHTML = sum;

작업 바이올린 : http://jsfiddle.net/kHxmG/19/

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

입력 유형 = 텍스트 필드를 사용하여 숫자, 빼기 기호 및 소수만 허용하고 Angular에서 더 이상 허용하는 방법

분류에서Dev

JavaScript 또는 PHP를 사용하여 테이블 내에서 값 더하기 및 빼기

분류에서Dev

입력 텍스트 필드를 레이블 자바 스크립트 내부에 입력 된 값을 사용하여 레이블로 변경하십시오.

분류에서Dev

jquery 선택기를 사용하여 레이블 html을 배열 자바 스크립트에 저장

분류에서Dev

자바 스크립트에서 변수를 이름으로 사용하여 입력 필드 값 가져 오기

분류에서Dev

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

분류에서Dev

텍스트 입력 및 자바 스크립트를 사용하는 유니 코드-문자 변환기

분류에서Dev

자바 스크립트 배열. 더하기, 빼기 및 합계

분류에서Dev

자바 스크립트를 사용하여 값이있는 HTML 요소 제거

분류에서Dev

HTML 및 자바 스크립트를 사용하여 HTML의 여러 페이지에 프로필 사진 표시

분류에서Dev

자바 스크립트 또는 PHP를 사용하여 JSON 배열에서 값 가져 오기

분류에서Dev

자바 스크립트를 사용하여 CSS 왼쪽 값 빼기

분류에서Dev

자바 스크립트를 사용하여 텍스트 필드 지우기

분류에서Dev

자바 스크립트 선택기를 사용하여 테이블 td 내부의 입력 필드 값을 얻는 방법은 무엇입니까?

분류에서Dev

검색에서 값을 찾고 빼기를 사용하는 방법 / 펄 스크립트로 바꾸기

분류에서Dev

자바 스크립트를 사용하여 HTML 테이블에서 테이블 열 값 추출

분류에서Dev

자바 스크립트를 사용하여 HTML 테이블의 여러 인덱스에 대한 검색 필드

분류에서Dev

자바 스크립트를 사용하여 HTML 테이블 만들기

분류에서Dev

자바 스크립트를 사용하여 데이터베이스 및 새 값에서 자동 계산 값을 만드는 방법

분류에서Dev

자바 스크립트를 사용하여 코드 HTML을 텍스트 영역에 삽입하는 방법

분류에서Dev

자바 스크립트 만 사용하여 텍스트 상자에서 사용자 입력으로 html 테이블에서 행 추가 및 삭제

분류에서Dev

드롭 드롭 메뉴에서 항목 자르기 및 자바 스크립트 또는 jquery를 사용하여 선택한 항목 자르기

분류에서Dev

값과 텍스트가있는 자바 스크립트를 사용하여 HTML에서 종속 드롭 다운 수행

분류에서Dev

자바 스크립트 및 CasperJS를 사용하여 JSON URL에서 특정 키 : 값 쌍 가져 오기

분류에서Dev

Google 스프레드 시트의 확인란 벡터를 기반으로 값 더하기 또는 빼기

분류에서Dev

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

분류에서Dev

CSS 및 자바 스크립트를 사용하여 웹 사이트에서지도 가리 키기

분류에서Dev

자바 스크립트에서 ID를 사용하여 텍스트 상자의 값을 얻는 방법

분류에서Dev

채워진 데이터를보기 위해 자바 스크립트를 사용하여 jsp의 드롭 다운에서 값을 자동 선택하는 방법

Related 관련 기사

  1. 1

    입력 유형 = 텍스트 필드를 사용하여 숫자, 빼기 기호 및 소수만 허용하고 Angular에서 더 이상 허용하는 방법

  2. 2

    JavaScript 또는 PHP를 사용하여 테이블 내에서 값 더하기 및 빼기

  3. 3

    입력 텍스트 필드를 레이블 자바 스크립트 내부에 입력 된 값을 사용하여 레이블로 변경하십시오.

  4. 4

    jquery 선택기를 사용하여 레이블 html을 배열 자바 스크립트에 저장

  5. 5

    자바 스크립트에서 변수를 이름으로 사용하여 입력 필드 값 가져 오기

  6. 6

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

  7. 7

    텍스트 입력 및 자바 스크립트를 사용하는 유니 코드-문자 변환기

  8. 8

    자바 스크립트 배열. 더하기, 빼기 및 합계

  9. 9

    자바 스크립트를 사용하여 값이있는 HTML 요소 제거

  10. 10

    HTML 및 자바 스크립트를 사용하여 HTML의 여러 페이지에 프로필 사진 표시

  11. 11

    자바 스크립트 또는 PHP를 사용하여 JSON 배열에서 값 가져 오기

  12. 12

    자바 스크립트를 사용하여 CSS 왼쪽 값 빼기

  13. 13

    자바 스크립트를 사용하여 텍스트 필드 지우기

  14. 14

    자바 스크립트 선택기를 사용하여 테이블 td 내부의 입력 필드 값을 얻는 방법은 무엇입니까?

  15. 15

    검색에서 값을 찾고 빼기를 사용하는 방법 / 펄 스크립트로 바꾸기

  16. 16

    자바 스크립트를 사용하여 HTML 테이블에서 테이블 열 값 추출

  17. 17

    자바 스크립트를 사용하여 HTML 테이블의 여러 인덱스에 대한 검색 필드

  18. 18

    자바 스크립트를 사용하여 HTML 테이블 만들기

  19. 19

    자바 스크립트를 사용하여 데이터베이스 및 새 값에서 자동 계산 값을 만드는 방법

  20. 20

    자바 스크립트를 사용하여 코드 HTML을 텍스트 영역에 삽입하는 방법

  21. 21

    자바 스크립트 만 사용하여 텍스트 상자에서 사용자 입력으로 html 테이블에서 행 추가 및 삭제

  22. 22

    드롭 드롭 메뉴에서 항목 자르기 및 자바 스크립트 또는 jquery를 사용하여 선택한 항목 자르기

  23. 23

    값과 텍스트가있는 자바 스크립트를 사용하여 HTML에서 종속 드롭 다운 수행

  24. 24

    자바 스크립트 및 CasperJS를 사용하여 JSON URL에서 특정 키 : 값 쌍 가져 오기

  25. 25

    Google 스프레드 시트의 확인란 벡터를 기반으로 값 더하기 또는 빼기

  26. 26

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

  27. 27

    CSS 및 자바 스크립트를 사용하여 웹 사이트에서지도 가리 키기

  28. 28

    자바 스크립트에서 ID를 사용하여 텍스트 상자의 값을 얻는 방법

  29. 29

    채워진 데이터를보기 위해 자바 스크립트를 사용하여 jsp의 드롭 다운에서 값을 자동 선택하는 방법

뜨겁다태그

보관