简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

클릭 이벤트는 범위 요소의 콘텐츠 변경을 트리거합니다.

小云云
풀어 주다： 2017-12-29 09:41:23
원래의
4865명이 탐색했습니다.

이 문서에서는 주로 checkbox:click 이벤트가 범위 요소의 콘텐츠 변경을 트리거하는 방법을 공유합니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리도록 하겠습니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

예는 다음과 같습니다.

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>checkbox</title>
 <script src="jquery.js"></script>
</head>
<body>
<p>我想去<span id="spanId">_____</span></p>
<form action="#" id="form">
 <input type="checkbox" name="city" value="南京">南京
 <input type="checkbox" name="city" value="北京">北京
 <input type="checkbox" name="city" value="纽约">纽约
</form>
<script>
  $(function () {
   $("input[name=city]").click(function () {
    var arr = [];
    $("input[name=city]").each(function () {
     if(this.checked){
      arr.push(this.value);
     }else{
      var index = arr.indexOf(this.value);
      if(index != -1){
       arr[index] = "";
      }
     }
    });
    $("#spanId").text(arr.join(","));
   })
  });
</script>
</body>
</html>
로그인 후 복사

관련 권장 사항:

클릭 이벤트를 새로 삽입된 노드에 바인딩하지 못한 문제에 대한 Jquery의 솔루션

jquery 이벤트 마우스다운과 클릭 이벤트를 동시에 사용할 수 없나요?

JQuery에서 클릭 이벤트를 사용할 수 없는 문제가 해결되었습니다.

위 내용은 클릭 이벤트는 범위 요소의 콘텐츠 변경을 트리거합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
click span 元素
원천：php.cn
이전 기사：jquery appaend 요소의 잘못된 ID 바인딩 이벤트에 대한 해결 방법 다음 기사：DOM 기반 비움과 제거의 차이점에 대한 자세한 예
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
모바일 보기에서 사용자가 링크를 클릭할 때 이 탐색 표시줄을 어떻게 닫을 수 있나요? 사용자가 웹 사이트를 탐색하기 위해 링크를 클릭하면 탐색 표시줄이 닫히지 않습니까? 내비게이션 바를 닫기 위해 각 링크에 클릭 이벤트 리스너를 추가해 보았지만 작...
에서 2024-04-06 19:23:03
0
1
411
값이 존재하는 경우 레코드 합계를 가져와 정확한 값 대신 1로 처리합니다. 2로 "열고" 1로 클릭해야 하지만 이제는 5로 열고 2"SELECTCOALESCE(sum(requested),0)asrequested...
에서 2024-04-04 16:49:24
0
1
338
배열에 요소가 존재하는지 확인하는 프로세스가 유효하지 않습니다. 귀찮게 해서 미안하지만 이 문제를 해결하려고 두 시간을 보냈습니다. 문제는 내 코드가 하나의 요소만 추가하고 다른 ID는 추가하지 않는다는 것입니다. "...
에서 2024-04-03 13:03:54
0
1
377
접지 필터 흐림 전환 문제 버튼을 누르면 배경이 흐려지는데 전환 시 div 가장자리가 잘 전환되지 않습니다. 이 문제는 Firefox를 제외한 모든 브라우저에 존재합니다. 어떻게 해결할 수...
에서 2024-04-01 23:10:22
0
1
335
jQuery 변수가 문자열임에도 불구하고 정의되지 않은 URL로 리디렉션됩니다. jQuery를 사용하여 새 URL로 리디렉션하는 데 문제가 있지만 이 특정 경우에는 작동하지 않습니다. 저는 html 및 Djangobacklog와 함께 jQue...
에서 2024-04-01 21:03:17
0
1
341
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！