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

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

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

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

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

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

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  305

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  625

angular.js - angularjs 如何用一组按钮完成单选

辛苦各位了，请问如何用一组按钮来做单选的问题，万分感谢！ 如图，需要做到2点： 1、页面加载后，根据传回的值 domain:"8" ，设置默认勾选的按钮和按钮里的图标class；2、点击一个按钮，清除其他按钮样式，并给...

PHPz 2017-05-15 17:09:33 0  2  919

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

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

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

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

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

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

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

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

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

마우스가 버튼 위에 있을 때 하위 메뉴 표시

버튼 위로 마우스를 가져가면 하위 메뉴가 나타나는 솔루션을 찾고 있습니다. 현재 메뉴는 클릭할 때만 표시됩니다. 버튼 위로 마우스를 가져갈 때 메뉴가 표시되고 클릭하면 메뉴가 그대로 유지되도록 변경해야 할 사항을 아는 사람이 있습니까? 해결 방법: 마우스 오버를 마우스 오버로 변경하세요. 마우스 오버 시 모든 섹션(sect1...)이 표시되지 않도록 하는 방법을 아는 사람이 있습니까? <스크립트>vardivsvarbtn1=document.getElementById("

P粉021708275 2023-08-31 11:22:01 0  1  635

라디오 버튼 배열을 생성하고 이를 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  433

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

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

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

버튼을 클릭할 때만 양식으로 리디렉션하고 옵션을 선택합니다. 그렇지 않으면 탐색 탭의 표준 표시가 기본값입니다.

하나의 탐색 탭에 양식이 있고 다른 탐색 탭에서 해당 양식에 연결합니다. 아래 코드를 사용하여 여러 페이지의 모든 탐색 탭에 연결하고 있습니다. consthash=window.location.hash;constbsTab=newbootstrap.Tab(hash);bsTab.show(); 작동하지만 가능하다면 URL에서 리디렉션한 후 해시태그를 제거하고 싶습니다. 이것은 자바스크립트의 이 부분에서 발생하는 문제입니다. 다른 하나는

P粉012875927 2024-03-22 10:12:30 0  1  300

Laravel에서 동적 양식 저장을 구현할 때 각 행에 대한 다중 선택 드롭다운 양식을 처리하는 방법

내 양식에는 각 행에 동일한 이름을 가진 다중 선택 드롭다운 color_id[] 및 size_id[]가 있는 동적 테이블이 있습니다. 선택한 여러 값을 데이터베이스에 저장된 각 행에 쉼표로 구분된 값으로 저장하는 방법을 모르겠습니다. 여기서 데이터베이스에 저장을 시도했지만 작동하지 않았습니다. HTML 코드: <table><tbody><td><selectname="color_id[]"class=&quo

P粉301523298 2023-08-31 10:43:09 0  1  522

javascript - 양식에서 여러 옵션을 수정할 때 백그라운드 동료와 협력하는 데 문제가 있습니다.

시나리오는 양식의 레코드를 수정하고 다중 선택된 항목을 수정하는 것입니다. 저장 시 한 가지 접근 방식은 프런트 엔드에서 수정된 선택 항목과 사전 수정된 선택 항목을 비교하여 추가할 항목과 삭제할 항목을 결정하는 것입니다. , 각각 배경으로 전달합니다. 한 가지 방법은 수정 전의 내용에 관계없이 수정될 때마다 항상 프런트 엔드를 전달하는 것입니다.

phpcn_u1582 2017-07-05 10:39:59 0  1  816

PHP의 foreach 명령을 사용하여 모든 PHP 입력을 배열로 변환하고 키-값 쌍 형식의 JSON 파일로 설정 - 해결됨

여러 라디오 버튼이 포함된 페이지가 있고 foreach 루프를 사용하여 모든 라디오 버튼의 이름을 반복하고 페이지 상단에 있는 또 다른 foreach 루프를 사용하여 모든 라디오 버튼의 이름을 키와 값으로 가져옵니다.

P粉883223328 2023-08-09 13:26:09 0  1  436

angular.js - form 表单，点击提交按钮 判断ng-checked 已选中

点击提交按钮，若没有选中，则提示没有勾选下面是代码 {代码...} {代码...} 如果没有勾选我已阅读并同意，点击注册后，应提示需要勾选。 求指点，谢谢。。。

给我你的怀抱 2017-05-15 17:04:01 0  1  672

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

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

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

선택 시 라디오 버튼의 테두리 효과 유지

두 가지 라디오 유형 옵션이 있습니다. 옵션을 선택하면 파란색 테두리가 표시됩니다. 문제는 다른 곳을 클릭하면 테두리 효과가 사라진다는 것입니다. 다른 옵션으로 전환하지 않는 한 클릭할 때마다 파란색 테두리 효과가 유지되도록 하고 싶습니다. 그리고 오른쪽의 "스팬"에 가격을 입력하고 왼쪽에 제품명을 유지하려면 어떻게 해야 하나요? .checkbox-custom,.radio-custom{불투명도:0;위치:절대;}.checkbox-custom,.ch

P粉769045426 2023-09-03 21:25:38 0  1  524

다른 대상 URL을 사용하여 POST 요청을 보내는 양식

양식을 표시하는 보기가 있습니다. 이제 사용자가 어떤 버튼을 선택하느냐에 따라 데이터가 다르게 처리되기를 원합니다. 이러한 "다양한 방법"은 POST 요청이 이동하기를 원하는 다양한 보기에 해당합니다. 다양한 URL/보기로 연결되는 여러 개의 버튼이 있는 양식을 만드는 데 도움을 주세요. <formaction="/your-name/"method="post">{%csrf_token%}{{form}}<inputty

P粉465675962 2024-03-29 17:16:07 0  1  451

바닐라 JS setTimeout(): 잘못된 동작 식별

HTML, CSS 및 바닐라 JavaScript로 작성된 햄버거 메뉴에 애니메이션이 있습니다. 예상 결과 햄버거 메뉴 버튼을 클릭하면 다음 이벤트가 발생해야 합니다. 햄버거 메뉴 아이콘을 클릭하면 메인이 180° 회전하고 2000ms에서 높이를 따라 축소됩니다. 2000ms가 지나면 메뉴가 나타나고 햄버거 아이콘이 X로 변경됩니다. 종료 버튼을 클릭하면 페이지가 180° 회전합니다. 메뉴 오버레이 메뉴 숨기기: 표시: 없음 종료 버튼을 다시 햄버거 아이콘으로 변환합니다. 실제로 발생하는 문제는 12-14행에 있습니다.

P粉797855790 2024-04-02 20:44:40 0  1  404