두 개의 버튼에 두 개의 다른 라벨을 출력하는 방법은 무엇입니까?

Clubesorte

버튼을 클릭 할 때 레이블을 표시하는이 코드가 있지만 다음이 필요합니다.

  • 두 개의 다른 레이블을 표시하는 두 개의 단추는 단추 중 하나에서 해당 단추 아래에 레이블을 표시합니다.
  • 레이블이 활성화되거나 다른 버튼을 클릭하여 표시되면 해당 레이블이 새 레이블로 바뀝니다.

(function() {
  $('button').on('click', function() {
    $("#action").html("button was clicked");
  });
})();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- this button has default style -->
<button>Action</button>

<label id="action"></label>

예 참조 : https://jsfiddle.net/fr4x32g7/

devd

(function () {
  var active = "";
  $('button').on('click', function (e) {
    var id = "#" + e.target.value;
    $(active).html("");
    active = id;
    $(id).html("button was clicked");
  });
})();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- this button has default style -->
<button value="action">Action</button>
<label id="action"></label>
<button value="action1">Action</button>
<label id="action1"></label>

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

두 개의 연속 입력을 두 개의 다른 변수에 할당하는 방법은 무엇입니까?

분류에서Dev

동일한 활동에서 두 개의 다른 버튼을 클릭하여 두 개의 다른 활동으로 이동하는 방법은 무엇입니까?

분류에서Dev

두 개의 다른 버튼 클릭을 기반으로 두 개의 다른 div 섹션에서 축소 및 축소하는 방법은 무엇입니까?

분류에서Dev

.txt에서 두 개의 값을 두 개의 다른 파일로 분리하는 방법은 무엇입니까?

분류에서Dev

키비 창에 두 개의 버튼을 넣는 방법은 무엇입니까?

분류에서Dev

PHP에서 하나의 양식에서 두 개의 다른 버튼에 대해 서로 다른 작업을 연결하는 방법은 무엇입니까?

분류에서Dev

라 라벨 몰틴 카트에 크기가 다른 동일한 ID의 제품을 두 개 이상 추가하는 방법은 무엇입니까?

분류에서Dev

두 개의 버튼에서 단일 입력 상자에 값을 추가하는 방법은 무엇입니까?

분류에서Dev

두 개의 다른 파일에서 일치하는 두 줄을 인쇄하는 방법은 무엇입니까?

분류에서Dev

두 개의 다른 라디오 버튼 세트에 대해 다른 값을 갖는 방법은 무엇입니까?

분류에서Dev

두 개의 다른 파일에서 두 열을 비교하는 방법은 무엇입니까?

분류에서Dev

jQuery에서 두 개의 다른 입력 필드에 버튼의 입력 값을 추가하는 방법

분류에서Dev

ListView에서 두 가지 경우에 두 개의 버튼을 표시하는 방법은 무엇입니까?

분류에서Dev

두 개의 다른 필드에 UI 슬라이더 값을 표시하는 방법은 무엇입니까?

분류에서Dev

두 개의 다른 값을 가진 두 개의 연속 셀을 검색하는 방법은 무엇입니까?

분류에서Dev

두 개의 다른 값을 가진 두 개의 연속 셀을 검색하는 방법은 무엇입니까?

분류에서Dev

두 개의 다른 유형 입력을 한 줄에 넣는 방법은 무엇입니까?

분류에서Dev

두 개의 다른 콤보 상자에서 입력을 얻는 방법은 무엇입니까?

분류에서Dev

하나의 양식에서 두 개의 버튼으로 다른 자바 스크립트 작업을 수행하는 방법은 무엇입니까?

분류에서Dev

두 개의 다른 파일에 적용된 "head"명령의 출력을 비교하는 방법은 무엇입니까?

분류에서Dev

하나의 루프에서 두 개의 다른 배열을 분리하는 방법은 무엇입니까?

분류에서Dev

두 개의 다른 목록을 하나의 목록에 매핑하는 방법은 무엇입니까?

분류에서Dev

두 개의 다른 Makefile을 병합하는 방법은 무엇입니까?

분류에서Dev

두 개의 다른 열에서 두 개의 다른 값을 빼고 값보다 작 으면 인쇄하는 방법은 무엇입니까?

분류에서Dev

두 개의 다른 열 사이에서 팬더의 값을 비교하는 방법은 무엇입니까?

분류에서Dev

옥타브에서 두 개의 다른 file.mat에서 두 개의 다른 행렬을 비교하는 방법은 무엇입니까?

분류에서Dev

CSS가 다른 동일한 기능을 가진 동일한 페이지에서 두 개의 토글 버튼을 사용하는 방법은 무엇입니까?

분류에서Dev

입력 type = "file"다중에서 하나, 두 개의 파일을 제거하는 방법은 무엇입니까?

분류에서Dev

MODX에서 한 TV의 두 가지 다른 출력을 사용하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    두 개의 연속 입력을 두 개의 다른 변수에 할당하는 방법은 무엇입니까?

  2. 2

    동일한 활동에서 두 개의 다른 버튼을 클릭하여 두 개의 다른 활동으로 이동하는 방법은 무엇입니까?

  3. 3

    두 개의 다른 버튼 클릭을 기반으로 두 개의 다른 div 섹션에서 축소 및 축소하는 방법은 무엇입니까?

  4. 4

    .txt에서 두 개의 값을 두 개의 다른 파일로 분리하는 방법은 무엇입니까?

  5. 5

    키비 창에 두 개의 버튼을 넣는 방법은 무엇입니까?

  6. 6

    PHP에서 하나의 양식에서 두 개의 다른 버튼에 대해 서로 다른 작업을 연결하는 방법은 무엇입니까?

  7. 7

    라 라벨 몰틴 카트에 크기가 다른 동일한 ID의 제품을 두 개 이상 추가하는 방법은 무엇입니까?

  8. 8

    두 개의 버튼에서 단일 입력 상자에 값을 추가하는 방법은 무엇입니까?

  9. 9

    두 개의 다른 파일에서 일치하는 두 줄을 인쇄하는 방법은 무엇입니까?

  10. 10

    두 개의 다른 라디오 버튼 세트에 대해 다른 값을 갖는 방법은 무엇입니까?

  11. 11

    두 개의 다른 파일에서 두 열을 비교하는 방법은 무엇입니까?

  12. 12

    jQuery에서 두 개의 다른 입력 필드에 버튼의 입력 값을 추가하는 방법

  13. 13

    ListView에서 두 가지 경우에 두 개의 버튼을 표시하는 방법은 무엇입니까?

  14. 14

    두 개의 다른 필드에 UI 슬라이더 값을 표시하는 방법은 무엇입니까?

  15. 15

    두 개의 다른 값을 가진 두 개의 연속 셀을 검색하는 방법은 무엇입니까?

  16. 16

    두 개의 다른 값을 가진 두 개의 연속 셀을 검색하는 방법은 무엇입니까?

  17. 17

    두 개의 다른 유형 입력을 한 줄에 넣는 방법은 무엇입니까?

  18. 18

    두 개의 다른 콤보 상자에서 입력을 얻는 방법은 무엇입니까?

  19. 19

    하나의 양식에서 두 개의 버튼으로 다른 자바 스크립트 작업을 수행하는 방법은 무엇입니까?

  20. 20

    두 개의 다른 파일에 적용된 "head"명령의 출력을 비교하는 방법은 무엇입니까?

  21. 21

    하나의 루프에서 두 개의 다른 배열을 분리하는 방법은 무엇입니까?

  22. 22

    두 개의 다른 목록을 하나의 목록에 매핑하는 방법은 무엇입니까?

  23. 23

    두 개의 다른 Makefile을 병합하는 방법은 무엇입니까?

  24. 24

    두 개의 다른 열에서 두 개의 다른 값을 빼고 값보다 작 으면 인쇄하는 방법은 무엇입니까?

  25. 25

    두 개의 다른 열 사이에서 팬더의 값을 비교하는 방법은 무엇입니까?

  26. 26

    옥타브에서 두 개의 다른 file.mat에서 두 개의 다른 행렬을 비교하는 방법은 무엇입니까?

  27. 27

    CSS가 다른 동일한 기능을 가진 동일한 페이지에서 두 개의 토글 버튼을 사용하는 방법은 무엇입니까?

  28. 28

    입력 type = "file"다중에서 하나, 두 개의 파일을 제거하는 방법은 무엇입니까?

  29. 29

    MODX에서 한 TV의 두 가지 다른 출력을 사용하는 방법은 무엇입니까?

뜨겁다태그

보관