홈>
사용자가 버튼을 클릭 한 후 버튼의 텍스트를 변경하는 것에 대한 간단한 질문이 있습니다.
버튼을 클릭하여 텍스트가 "More"와 "Less"의 두 값 사이를 전환하도록하고 싶습니다. 첫 번째 클릭 전에는 "More"값이 있어야하고 클릭 후에는 "Less"값이 있어야합니다.
<button class="btn btn-primary" type="button"
data-toggle="collapse" data-target="#collapseExample"
aria-expanded="false" aria-controls="collapseExample">
More
</button>
<div class="collapse" id="collapseExample">
<p>Test</p>
</div>
도움을 주셔서 감사합니다.
좋은 하루 보내세요
-
답변 # 1
-
답변 # 2
기본적으로
onclick
를 추가 할 수 있습니다function
를 참조하는 버튼 이벤트 이렇게 :<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample" onclick="changeText()"> More </button>
그런 다음 JavaScript
function
를 준비합니다 텍스트를 변경하려면 :function changeText () { if (this.innerText == "More") { // check if text inside is "More" this.innerText == "Less"; // If so, change to "Less" } else { this.innerText == "More"; } }
관련 자료
- javascript - 버튼을 클릭 한 후보기를 변경하는 방법
- r - Shiny에서 버튼 클릭 후 입력을 변수에 저장하는 방법은 무엇입니까?
- 입력 변수에 따라 자바 스크립트 반복 버튼 클릭
- x-y 좌표를 기반으로 Javascript에서 프로그래밍 방식으로 버튼을 클릭하는 방법
- javascript - react native - 다른 페이지에서 버튼을 클릭 할 때보기를 어떻게 변경할 수 있습니까?
- html - React 및 Javascript 질문, 버튼 변경 배경색
- html - 부트 스트랩 및 JavaScript 버튼 배경색으로 아이콘 변경
- javascript - 클릭시 버튼 클래스를 변경하는 방법은 무엇입니까?
- javascript - 클릭해도 버튼 색상이 변하지 않나요?
- tkinter - 버튼 클릭 + 수평 grid 정렬시 레이블 텍스트를 변경 하시겠습니까? (Python 38)
- javascript - '모달 열기'버튼을 클릭 한 후 왜 사라져?
- HTML 버튼 클릭시 자바 스크립트 코드 실행
- html - getElementByClassName을 사용하여 버튼 색상을 변경하는 Javascript
- android - 등록 버튼을 클릭하면 다음 페이지로 리디렉션되어야하지만 그렇지 않습니다
- angular - AngularJS의 다른 구성 요소에서 호출 될 때 Modal 호출 Button의 텍스트 변경
- java - 버튼을 클릭하여 테이블을 숨기고 표시하는 방법은 무엇입니까?
- ruby on rails - 코쿤으로 필드를 추가 한 후 자바 스크립트 기능 실행
- c# - Xamarin에서 Button Click 이벤트 처리기를 사용하여 ID를 매개 변수로 사용하는 새 페이지로 이동하는 방법은 무엇입니까?
- java - 스윙 - 클릭시 버튼 비활성화
- django - 제출 버튼을 클릭해도 댓글이 추가되지 않습니다
관련 질문
- javascript - 캔버스 모양의 원을 만드는 방법?
- html로 자바 스크립트 인쇄 기능
- javascript - 날짜 ChartJS에 대한 X 축 레이블 조정
- html - JavaScript를 사용하여 활성 클래스 교체가 제대로 작동하지 않음
- javascript - Div는 JQuery 숨기기 기능으로 숨기지 않습니다
- javascript - 클릭 한 버튼에 클래스를 추가하고 이전에 클릭 한 버튼에 클래스를 제거하는 방법
- html - 클라이언트 측 자바 스크립트 파일 세트 양식 태그 속성
- html - 공백을 제거하고 자바 스크립트로 단어 사이에 대시 추가
- html - 자바 스크립트를 사용하여 이미지를 텍스트로 변환하는 방법
- javascript - 변수 입력을 사용하는 settimeout
이는 다음을 통해 바닐라 자바 스크립트를 사용하여 달성 할 수 있습니다 :