javascript - 토글하는 동안 입력 값 변경

이제 클릭하면 숨겨진 콘텐츠를 표시하는 버튼이 생겼는데, 콘텐츠가 숨겨져 있는지 여부를 별도로 확인하지 않고 토글에서 숨겨진 콘텐츠를 표시하면서 버튼의 값을 직접 바꿀 수 있는 방법은 " +"와 "-" 사이를 전환합니다. {암호...}

女神的闺蜜爱上我 2017-06-12 09:32:25 0  2  793

JavaScript를 사용하여 메뉴 항목의 classList를 개별적으로 전환하는 방법은 무엇입니까?

바닥글에 여러 개의 드롭다운 항목이 있습니다. 클릭한 요소에 대해 "활성" 클래스 목록을 전환하고 싶습니다. 지금까지 내 코드는 다음과 같습니다. letdropDowns=document.querySelectorAll('.footer-arrow-container')letdropDownList=document.querySelector('.footer-items-list')dropDowns.forEach( (dr

P粉949848849 2024-02-17 17:22:12 0  1  327

Vue 3의 v-for 루프에서 버튼의 활성 상태 전환

Vue3에서 보려는 카테고리를 선택할 수 있는 필터 헤더를 만들고 있으므로 스위치를 클릭하여 필터를 전환할 수 있으며, 다른 카테고리를 클릭하면 이전 활성 카테고리가 한 번만 선택 취소됩니다. 활성 카테고리가 없습니다. 토글 버튼(선택 취소하려면 다시 클릭)이 없고 v-for 루프를 사용하지 않는 jsfiddle과 같은 몇 가지 예를 찾았습니다. 나는 이것을 v-for 루프로 변환할 수 있다고 확신하지만 전환을 쉽게 수행하고 한 번에 하나의 활성 범주만 갖는 방법을 모릅니다. 이게 나야

P粉046878197 2023-08-27 09:44:54 0  1  466

div 요소의 토글 버튼을 가운데 정렬하는 방법은 무엇입니까?

내 요소 "Client_name"의 토글 버튼을 가운데 정렬하고 싶습니다. 다른 div를 만들었지만 버튼을 아래로 내려 오른쪽에 배치할 수 없습니다. 어떤 아이디어가 있나요? jsfiddle 링크는 https://jsfiddle.net/6cyuwxvf/.switch{position:relative;display:inline-block;width:73px;height:32px;}.switchinput{di 아래에 있습니다.

P粉894008490 2024-03-27 21:47:43 0  1  397

확인란 배열이 있는 vue 3 구성 API 구성 요소 및 모두 토글

우리는 점차적으로 녹아웃에서 TypeScript의 Vue3 구성 API를 사용하기로 결정했으며 props 변경에 대한 안티 패턴을 이해하려고 노력하고 있습니다. 의도한 작업을 수행하는 작업 구성 요소가 있지만 기본적으로 작성 방식이 권장되는 접근 방식인지 확인하고 싶습니다. 매우 간단한 예는 토글 스위치가 있는 체크박스 목록 구성 요소입니다. 가장 큰 질문은 AppList.vue에서 수행 중인 작업이 올바른지 여부입니다. 저는 constinternalModel=toRef(props.selected??[] )를 수행하고 있습니다.

P粉670838735 2023-08-30 20:55:11 0  1  634

확인란이 여전히 멈춰 있고 기본값으로 돌아갈 수 없는 이유는 무엇입니까?

방금 토글 버튼을 클릭한 후 페이지 제목을 변경하기 위해 이 기능을 만들었는데, 어떤 이유에서인지 클릭하면 멈춥니다. 이 함수에 어떤 문제가 있는지 잘 모르겠습니다. Jquery로 작성했지만 순수 JavaScript로 코딩한 경우에도 동일한 작업을 수행합니다. 이것은 functiontoggleButton(){console.log($('#toggle-employees').prop('checked'))if($('#toggle-emp

P粉288069045 2024-04-04 00:14:23 0  1  506

드롭다운 메뉴 항목이 표시되지 않는 이유는 무엇입니까?

내 탐색 모음은 Bootstrap5를 사용합니다. 문제는 사용자 아이콘(로그인)에 대한 드롭다운 항목이 표시되지 않는다는 것입니다. 이것은 내 코드입니다:<buttonclass="btndropdown-toggle"type="button"id="userDropdown"data-toggle="dropdown"aria-haspopup="true&quo

P粉304704653 2023-09-12 15:22:22 0  1  594

"은 무슨 뜻인가요?"

함수에서 반환된 값을 경고하려고 하는데 팝업에 다음이 표시됩니다. [objectObject] 다음은 JavaScript 코드입니다. $(function(){var$main=$('#main'),$1= $('#1'),$2=$('#2');$2.hide();//페이지가 로드될 때 div #2 숨기기 $main.click(function(){$1.toggle();$2 . 토글();});$('#s

P粉358281574 2023-08-17 10:48:39 0  2  953

스위치 옆에 텍스트를 세로로 가운데에 맞추는 방법은 무엇입니까?

"switch"를 사용하여 "toggle-label" 클래스 중앙에 수직으로 텍스트를 만들고 싶지만 실패한 코드는 제가 사용한 코드입니다.toggle-label{font-weight:bold;font-size:20px;}.switch { position:relative;display:inline-block;width:54px;height:28px;}.switchinput{opacity:0;width:0;

P粉354948724 2023-09-15 11:58:54 0  1  529

javascript - 부트스트랩의 툴팁 스타일 텍스트 내용을 왼쪽이나 오른쪽에 표시할 수 있습니까?

data-toggle="tooltip" data-placement="top" {代码...}

漂亮男人 2017-06-12 09:31:34 0  1  710