innerHTML을 사용하여 확인란을 기반으로 div 값 변경

lnt

확인란이 선택되었는지 여부에 따라 div의 텍스트를 변경하려고합니다. 저는 Javascript를 처음 사용하므로 이것이 제가 시도한 것입니다 ... 누군가가 제가 레일을 벗어난 곳을 가리킬 수 있다면 감사하겠습니다.

function SetContent() {
  if (document.complianceformAA.compliance_AA.checked == true) {
    document.getElementById('ComplianceSummary').innerHTML = "A compliance concern is found for Key Element I-A.";
  } else {
    document.getElementById('ComplianceSummary').innerHTML = "Key Element I-A is met.";
  }
}
<div id="Concerns">
  <form id="complianceformAA">
    <input type="checkbox" id="compliance_AA">
    <label for="compliance_AA">Compliance Concern?</label>
  </form>
</div>
<button onclick="SetContent ();">Generate Summary</button>
<div id="ComplianceSummary"></div>

사용자 4639281

명명 된 요소를 사용하지 말고 대신 id사용하여 선택하십시오.Document.getElementById()

function SetContent() {
  if (document.getElementById('compliance_AA').checked) {
    document.getElementById('ComplianceSummary').innerHTML = "A compliance concern is found for Key Element I-A.";
  } else {
    document.getElementById('ComplianceSummary').innerHTML = "Key Element I-A is met.";
  }
}
<div id="Concerns">
  <form id="complianceformAA">
    <input type="checkbox" id="compliance_AA">
    <label for="compliance_AA">Compliance Concern?</label>
  </form>
</div>
<button onclick="SetContent ();">Generate Summary</button>
<div id="ComplianceSummary"></div>

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

dplyr을 사용하여 DataFrame의 다른 열을 기반으로 행 값 변경

분류에서Dev

VBA를 사용하여 선택한 확인란을 기반으로 변경되는 수식 만들기

분류에서Dev

값을 기반으로 ng-hide를 사용하여 div 숨기기

분류에서Dev

XPath를 사용하여 열 값을 기반으로 확인란을 선택합니다.

분류에서Dev

jQuery를 사용하여 라디오 버튼을 확인란으로 변경

분류에서Dev

jQuery를 사용하여 클래스 값을 기반으로 div 제거

분류에서Dev

FontAwesome을 사용하여 확인란을 대체하고 div 색상을 변경하는 동안 div 내에서 확인란을 중앙에 배치

분류에서Dev

javascript, .innerHTML을 사용하여 입력 값 변경

분류에서Dev

반짝이는 확인란 입력을 기반으로 렌더링하는 내용을 변경하십시오.

분류에서Dev

Angular 7의 일부 값을 기반으로 기본적으로 특정 확인란을 확인하는 방법

분류에서Dev

Classic ASP를 사용하여 데이터베이스의 값을 기반으로 여러 확인란을 확인하십시오.

분류에서Dev

Classic ASP를 사용하여 데이터베이스의 값을 기반으로 여러 확인란을 확인하십시오.

분류에서Dev

VB.Net을 사용하여 DIV에 선언 된 값 변경

분류에서Dev

Python을 사용하여 파일의 헤더 이름을 기반으로 CSV 숫자 값 변경

분류에서Dev

innerHTML을 ClassName에 의해 캡처 된 div의 ID에서 값으로 변경

분류에서Dev

각도 지시문을 사용하여 bootstrap-select로 변경 값 확인

분류에서Dev

함수를 사용하여 JS의 다른 함수에서 부울 값을 기반으로 색상 변경

분류에서Dev

asp.net을 사용하여 gridview에서 확인란을 선택한 동안 div 디스플레이 변경

분류에서Dev

querySelectorAll을 사용하여 입력 값을 동적으로 변경

분류에서Dev

jQuery를 사용하여 확인란 값을 1/0으로 가져옵니다.

분류에서Dev

둘 다 DIV로 래핑 된 경우 확인란 확인을 기반으로 레이블 스타일 지정

분류에서Dev

Ruby on Rails 확인란은 값을 변경하지 않습니다.

분류에서Dev

v-if를 사용하여 변수 값을 기반으로 html 요소 표시

분류에서Dev

v-if를 사용하여 변수 값을 기반으로 html 요소 표시

분류에서Dev

상위 div 속성을 기반으로 href 값의 일부 변경

분류에서Dev

TogetherJS 확장 성을 사용하여 변경 사항을 Div에 동기화

분류에서Dev

Angular 4의 확인란 변경을 기반으로 입력에 대한 유효성 검사 실행

분류에서Dev

Oracle-특정 값을 기반으로 필드 값을 변경하는 방법

분류에서Dev

작동하지 않는 jquery .val ()을 사용하여 div 값 변경

Related 관련 기사

  1. 1

    dplyr을 사용하여 DataFrame의 다른 열을 기반으로 행 값 변경

  2. 2

    VBA를 사용하여 선택한 확인란을 기반으로 변경되는 수식 만들기

  3. 3

    값을 기반으로 ng-hide를 사용하여 div 숨기기

  4. 4

    XPath를 사용하여 열 값을 기반으로 확인란을 선택합니다.

  5. 5

    jQuery를 사용하여 라디오 버튼을 확인란으로 변경

  6. 6

    jQuery를 사용하여 클래스 값을 기반으로 div 제거

  7. 7

    FontAwesome을 사용하여 확인란을 대체하고 div 색상을 변경하는 동안 div 내에서 확인란을 중앙에 배치

  8. 8

    javascript, .innerHTML을 사용하여 입력 값 변경

  9. 9

    반짝이는 확인란 입력을 기반으로 렌더링하는 내용을 변경하십시오.

  10. 10

    Angular 7의 일부 값을 기반으로 기본적으로 특정 확인란을 확인하는 방법

  11. 11

    Classic ASP를 사용하여 데이터베이스의 값을 기반으로 여러 확인란을 확인하십시오.

  12. 12

    Classic ASP를 사용하여 데이터베이스의 값을 기반으로 여러 확인란을 확인하십시오.

  13. 13

    VB.Net을 사용하여 DIV에 선언 된 값 변경

  14. 14

    Python을 사용하여 파일의 헤더 이름을 기반으로 CSV 숫자 값 변경

  15. 15

    innerHTML을 ClassName에 의해 캡처 된 div의 ID에서 값으로 변경

  16. 16

    각도 지시문을 사용하여 bootstrap-select로 변경 값 확인

  17. 17

    함수를 사용하여 JS의 다른 함수에서 부울 값을 기반으로 색상 변경

  18. 18

    asp.net을 사용하여 gridview에서 확인란을 선택한 동안 div 디스플레이 변경

  19. 19

    querySelectorAll을 사용하여 입력 값을 동적으로 변경

  20. 20

    jQuery를 사용하여 확인란 값을 1/0으로 가져옵니다.

  21. 21

    둘 다 DIV로 래핑 된 경우 확인란 확인을 기반으로 레이블 스타일 지정

  22. 22

    Ruby on Rails 확인란은 값을 변경하지 않습니다.

  23. 23

    v-if를 사용하여 변수 값을 기반으로 html 요소 표시

  24. 24

    v-if를 사용하여 변수 값을 기반으로 html 요소 표시

  25. 25

    상위 div 속성을 기반으로 href 값의 일부 변경

  26. 26

    TogetherJS 확장 성을 사용하여 변경 사항을 Div에 동기화

  27. 27

    Angular 4의 확인란 변경을 기반으로 입력에 대한 유효성 검사 실행

  28. 28

    Oracle-특정 값을 기반으로 필드 값을 변경하는 방법

  29. 29

    작동하지 않는 jquery .val ()을 사용하여 div 값 변경

뜨겁다태그

보관