Vaadin 라디오 버튼 그룹을 버튼 그룹으로 스타일 지정할 수 있나요?

버튼 세트처럼 vaadin에서 라디오 버튼의 스타일을 지정하고 선택한 버튼 하나에 색상을 지정할 수 있습니까? 라디오 버튼과 같은 버튼 그룹을 사용하고 싶습니다. 한 항목은 확인할 수 있으며 나머지 항목은 확인할 수 없습니다.

P粉529245050 2024-02-03 19:49:05 0  1  329

라디오 버튼 안에 라디오 버튼을 넣어보세요

기본적으로 저는 이 게시물을 따르고 있으며 그 안에 라디오 버튼과 div를 표시해야 하는 경우 다음 솔루션이 제대로 작동합니다. $(".tier1-options:radio").on("change ",function (e){//모든 Tier2 옵션에서 표시된 클래스를 제거하고 i 내부의 모든 양식 요소에서 값을 지웁니다.

P粉235202573 2023-09-11 23:30:59 0  1  531

React에서 여러 버튼 구현: 클릭한 버튼을 제외한 모든 버튼 선택 취소

3개의 버튼을 구현하려고 하는데 그 중 하나를 클릭하면 배경색이 변경되고 나머지 2개의 버튼은 선택 취소되고 배경색이 원래 색상으로 돌아갑니다. 그런데 React에서 구현하려고 하면 항상 1개의 버튼 뒤에 있습니다(버튼 1, 3, 2를 순서대로 클릭하면 선택한 버튼을 1, 3으로 설정한다는 의미에서(오타가 아니고 그냥) 뒤에서)). 해당 특정 구성 요소에 대한 코드는 다음과 같습니다. importReact,{useEffect}from"react&qu

P粉099985373 2024-02-26 15:26:22 0  1  314

ONCLICK을 사용하지 않고 JavaScript를 사용하여 라디오 버튼 선택에 따라 div 가시성을 제어합니다.

부분적으로 유효한 HTML 코드가 있습니다. 라디오 버튼 선택에 따라 일부 텍스트 입력을 표시하려고 합니다. 나에게 작동하는 방식은 라디오 버튼을 누르면 다른 옵션이 숨겨지지만 화면이 처음 로드되면 3가지 옵션이 모두 표시된다는 것입니다. 클릭 시 함수가 호출되고 첫 번째 라디오 버튼의 선택된 옵션이 클릭을 구성하지 않기 때문이라고 가정합니다. 처음 요청할 때만 표시되는 onload 이벤트 리스너를 만들어 보았지만 작동하지 않았습니다. 이것은 내 코드입니다 <%layout('layouts/boilerpl

P粉212114661 2024-02-17 21:44:02 0  1  475

Vue.js를 사용하여 버튼을 통해 q-table의 행 선택

q-table의 작업 버튼에서 편집 버튼을 누르면 버튼이 모달을 엽니다. 그런데 q-table의 체크박스는 선택할 수 없기 때문에 스키마를 업데이트하려고 하면 오류가 발생합니다. 내가 원하는 것은 작업 버튼을 클릭하면 테이블에서 내가 행을 선택했음을 감지하는 것입니다. 내 테이블:<template><q-tabletitle="Students":filter="filter":rows="stu

P粉384679266 2023-09-02 16:25:14 0  1  582

라디오 버튼 그룹이 필요한지 확인하는 방법

모든 입력에 필수 속성이 지정되지 않을 수 있는 동적 라디오 버튼 그룹이 있습니다. <formname="myform"><inputtype="radio"id="option1"name="foo"value="First"><inputtype="radio&quo

P粉716228245 2024-04-03 16:23:29 0  1  401

라디오 버튼 배열을 생성하고 이를 Net Core 컨트롤러에 전달합니다.

JavaScript에서 C# NetCore6 컨트롤러로 라디오 버튼 목록(배열)을 전달하려고 합니다. HTML은 다음과 같습니다: <inputclass="js-filter-item"type="radio"name="Performance_Type"value="Standard"id="filter-group-Per

P粉590428357 2024-02-26 09:49:09 0  1  445

Tailwind CSS를 사용하여 라디오 버튼의 선택된 상태에 대한 응답으로 상위 div의 스타일 변경

여러 열이 있는 테이블과 행당 라디오 버튼이 있습니다. 특정 버튼을 선택하면 전체 행의 배경색을 변경해야 합니다. 이것이 달성될 수 있습니까? {{user.email}}{{user.name}} Tailwind에서는 'peer' 클래스를 사용하여 인접한 블록의 스타일을 지정할 수 있습니다. 하지만 상위 블록의 스타일을 지정해야 합니다(선택하면 상위 블록의 배경색이 변경되어야 함).

P粉718165540 2023-08-15 23:49:52 0  1  586

버튼 제출로부터 양식을 보호하는 방법

다음 페이지에서 Firefox를 사용하여 버튼을 제거하면 양식이 제출되지만 버튼을 추가하면 제출되지 않습니다. 제거 버튼이 양식을 제출하는 것을 방지하는 방법은 무엇입니까? functionaddItem(){varv=$('form:hidden:last').attr('name');varn=/(.*)input/.exec(v);varnewPrefix;if(n[1].length= =0){newPrefix='1';}else{newPrefix=

P粉245276769 2023-10-10 10:47:12 0  1  650

확인란이 있는 테이블 행을 클릭하는 방법과 마지막 테이블 행 버튼에 도달하면 선택 항목이 선택 취소로 변경됩니다.

내 테이블에는 선택에서 선택 취소로 전환할 수 있는 체크박스와 버튼이 테이블 외부에 있습니다. 테이블 행의 아무 곳이나 클릭하는 방법과 하나씩 선택될 체크박스 틱을 어디서 얻을 수 있습니까? 마지막 테이블 행 내 버튼이 선택됨에서 선택 취소로 변경되었습니다. 테이블 행을 클릭하고 확인란을 선택했습니다. 마지막 테이블 행에 도달했을 때 실패했고 버튼이 선택에서 선택 취소로 변경되었습니다. $('tr').click(function(event){var$target=$(event.tar) 줄의 길이를 얻으려고 합니다.

P粉752826008 2024-02-17 19:35:31 0  1  379

양식의 버튼을 클릭하면 페이지가 새로 고쳐집니다.

두 개의 버튼 레이블이 있는 Angular 폼이 있습니다. 한 번의 클릭으로 ng에 양식을 제출하세요. 다른 버튼은 순전히 ng-click을 사용한 탐색용입니다. 그러나 두 번째 버튼을 클릭하면 AngularJS가 페이지를 새로 고쳐서 404를 트리거합니다. 함수에 중단점을 설정했고 이것이 내 함수를 트리거합니다. 다음 중 하나를 수행하면 중지됩니다. ng-click을 제거하면 버튼으로 인해 페이지가 새로 고쳐지지 않습니다. 함수의 코드를 주석 처리해도 페이지가 새로 고쳐지지 않습니다. 내가 hr을 사용한다면

P粉231079976 2024-01-16 10:54:04 0  2  474

버튼의 나머지 부분이 아닌 아이콘을 클릭하는 것이 Javascript 구독 버튼이 작동하는 유일한 방법입니다.

rssfontAwesome 아이콘을 클릭할 때만 작동하는 구독 사용자 프로필 버튼이 있고 나머지 버튼은 작동하지 않습니다. 버튼 요소를 클릭 이벤트로 설정하기 위해 여러 가지 재정의를 시도했지만 전혀 작동하지 않습니다. 다음 코드는 아이콘 요소를 클릭할 때만 작동합니다: <buttonclass='subscribe-buttonprofile-subscribe'><?phpif($profile->userSubscribed):

P粉742550377 2024-01-16 14:13:18 0  1  433

PHP 양식이 제출 버튼을 올바르게 게시하지 않습니다.

신청서를 작성하고 있는데 양식이 작동하지 않습니다. 제출 버튼을 클릭하면 변수를 게시하기 위해 if 문을 실행하지도 않습니다. 내 양식 태그는 다음과 같습니다. <formmethod="post"enctype="multipart/form-data">내 제출 버튼은 다음과 같습니다. <buttonname="submeter" type="submit"cl

P粉450079266 2024-04-03 12:46:54 0  1  481

HTML에서 작동하도록 메뉴 버튼 색상을 변경해 보세요.

제가 사용하고 있는 코드가 메뉴 버튼의 스타일과 작동하지 않는 이유를 이해하려고 노력 중입니다. 개별 메뉴버튼에 스타일을 만들어 놓았는데 사용하지 않는 것 같습니다. 모든 메뉴 버튼에는 개별적으로 만든 스타일이 아닌 기본 "ul.menulia" 스타일이 있습니다. 나는 이것에 익숙하지 않으므로 게으른 것처럼 보이면 죄송합니다. ul.menu{list-style-type:none;margin:200;padding:100;}ul.menuli{display:inline-block;ma

P粉116654495 2023-09-13 21:13:41 0  2  630

버튼을 클릭하면 양식이 새로 고쳐집니다.

두 개의 버튼 레이블이 있는 Angular 양식이 있습니다. 버튼은 ng-click으로 양식을 제출합니다. 다른 버튼은 순전히 ng-click을 사용한 탐색용입니다. 그러나 이 두 번째 버튼을 클릭하면 AngularJS가 페이지를 새로 고쳐 404 오류를 발생시킵니다. 함수에 중단점을 설정하면 함수가 트리거됩니다. 다음 중 하나를 수행하면 중지됩니다. ng-click을 제거하면 버튼으로 인해 페이지가 새로 고쳐지지 않습니다. 함수의 코드를 주석 처리해도 페이지가 새로 고쳐지지 않습니다. 만약 내가

P粉523625080 2023-08-14 20:46:02 0  2  466

클릭 후 제출 버튼 비활성화: 단계별 가이드

양식 끝에 제출 버튼이 있습니다. 제출 버튼에 다음 조건을 추가했습니다: onClick="this.disabled=true;this.value='Sending…';this.form.submit();" 그러나 다음 페이지로 이동할 때 매개변수가 전달되지 않습니다. , null 값이 전달됩니다.

P粉818317410 2023-10-13 12:49:31 0  2  535

버튼을 다시 클릭하면 메뉴를 숨기는 함수 만들기

버튼을 다시 클릭하면 메뉴가 숨겨지도록 만드는 방법 이 스크립트가 작동하는 방식은 다른 "btn"이 열릴 때 활성 "btn"이 숨겨지는 것입니다. + 메뉴 필드 외부에 있으면 클릭하고 모두 " btn"은 숨겨집니다. 활성 버튼을 다시 클릭하면 메뉴<ulclass="first_menu"><liclass="menu_item"><buttonclass=&q

P粉513318114 2024-02-04 10:12:55 0  1  435

VueJS 3: 조건이 충족되면 버튼 활성화

현재 양식을 작성 중인데 조건이 충족되면 버튼을 활성화하는 데 문제가 있습니다. 현재 이름, 전화번호, 일부 옵션 및 메시지를 입력하는 양식을 만들었습니다. 조건이 충족되면 비활성화한 버튼을 활성화하고 싶습니다. 양식을 제출하기 위해 버튼을 다시 활성화하는 방법을 아는 사람이 있습니까? <template><divclass="contact"><h1>Viuppskattarallafrågorsomduha

P粉258788831 2024-02-21 16:30:30 0  1  404

Vuejs 버튼을 클릭하면 블레이드에서 모달 열기

내 laravelVue 애플리케이션에는 일부 사용자 레코드를 표시하는 데이터 테이블이 있는 vue가 있습니다. 내 데이터 테이블 위에 레코드를 추가하는 버튼이 있습니다. 사용자가 버튼을 클릭하면 모달이 열려야 합니다. 하지만 내 모달은 블레이드에 있습니다. 다음은 내 버튼(view-docs.vue)에 대한 vue 코드입니다. <open-overlaydirection-from="top"identifier="addDocumentMod

P粉811349112 2024-03-28 11:50:37 0  1  398

다른 버튼에 포커스가 있거나 포커스가 있을 때 버튼의 포커스 상태를 어떻게 트리거하나요?

참조 보기 (버튼) 라이브러리 이름을 선택하거나 클릭하면 다음 비활성 버튼이 활성화되도록(밝은 빨간색으로 바뀜) 싶습니다. 구글링을 해보니 각도에 (흐림) 및 (초점) 이벤트가 있는 것으로 나타났습니다.

P粉257342166 2024-04-02 16:49:31 0  1  442