提問搜尋_PHP中文網

社群

學習

工具庫

AI工具

休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

在 React 中實現多個按鈕：取消選擇除單擊的按鈕之外的所有按鈕

我試圖實現3個按鈕，一旦單擊其中一個按鈕，它就會更改背景顏色，而其他2個按鈕將被取消選擇，並且它們的背景顏色將恢復為原始顏色。但是，當我嘗試在React中實現它時，它總是落後1個按鈕（從某種意義上說，如果我按順序單擊按鈕1、3、2，我會將選定的按鈕設為1 、3（不是一個錯字，就在後面））。這是我針對該特定組件的程式碼。 importReact,{useEffect}from"react&qu

P粉099985373 2024-02-26 15:26:22

Vaadin 單選按鈕組的樣式可以改為一組按鈕嗎？

是否可以像一組按鈕一樣在vaadin中設定單選按鈕的樣式，並且選中一個按鈕將被著色？我希望使用像單選按鈕這樣的按鈕組。一項可以勾選，其他則不勾選。

P粉529245050 2024-02-03 19:49:05

在Next.js應用程式中居中按鈕元件？

我在我的nextjs頁面中使用了一個按鈕，它位於自己的行中。我希望按鈕出現在頁面的中間，因為我認為這樣在PC和行動裝置上都會看起來最好，但無論我嘗試什麼，按鈕元素似乎都無法從頁面最左邊的原始位置移動。手動設定margin-left和margin-right為特定的百分比，將按鈕盡可能靠近頁面中心，而不會將按鈕的文字擠入下一行，這是我找到的唯一能讓按鈕移動的方法，但它看起來並不好，而且不實用。根據頁

P粉011360903 2023-09-18 22:05:21

Shopify，透過過濾的產品清單前進和後退按鈕

我正在嘗試製作前進和後退按鈕，這些按鈕將顯示在集合頁面的產品頁面上。當在集合頁面上選擇過濾器然後單擊產品時，我想製作根據使用者選擇的過濾器在列出的產品上前進和後退的按鈕。我的按鈕只能在整個集合頁面上前進和後退。如何重寫下面的程式碼以處理根據過濾器列出的產品？ {%-liquidassignprevious_product=collection.previous_productassignnext_pro

P粉222320176 2024-01-10 17:32:46

在react js中，點擊按鈕內部的圖示時，無法獲得按鈕值

在react js中，點擊按鈕內部的圖示時，無法獲得按鈕值

P粉364129744 2023-07-22 09:47:02

按鈕不見了

所以我今天應該要做一個計算器，一個網路計算器，上面有JS，還有CSS等等。我最近重寫了所有JScries並重新檢查了一些內容。現在計算器按鈕消失了。我希望網站的頁面上有一個計算器，它曾經有一個按鈕。奇怪地對齊，但仍然是按鈕。但我所做的只是更改了HTML程式碼中的一小部分，現在按鈕就消失了。複製：https://replit.com/@MiguelBaltazar1/epicalculator

P粉521013123 2024-01-16 21:32:51

當bootstrap按鈕處於活動狀態時，為每個按鈕新增陰影/邊框的CSS

我正在使用React框架創建前端，並使用Bootstrap5.3進行設計。根據我的理解，Bootstrap現在作為標準已經取消了陰影效果。所以，如果按鈕處於啟動狀態，按鈕將不會顯示陰影/邊框，就像在Bootstrapv5.0文件中所示。 https://getbootstrap.com/docs/5.0/components/buttons/不幸的是，我不知道如何直接在程式碼中自訂單一按鈕。是否可以

P粉256487077 2023-08-17 23:54:27

python2.7為什麼點擊了"開始"按鈕後，tkinter上的按鈕，圖中紅色部分，再也點不動了？

python2.7為什麼點擊了"開始"按鈕後，tkinter上的按鈕，圖中紅色部分，再也點不動了？如何能在點擊"開始"按鈕後，還能點擊tkinter的最小化，最大化和關閉按鈕？代碼為： {代碼...}

漂亮男人 2017-05-27 17:39:55

永久禁用按鈕

當登入使用者是會員時，我可以在React中停用按鈕嗎？當我使用disabled屬性時，它可以從開發工具中刪除，並且按鈕會重新啟動。請幫助我，我希望當登入使用者是會員時，按鈕仍然保持停用狀態，即使從開發工具中刪除了disabled屬性。

P粉156983446 2023-07-28 21:35:42

按鈕的innerHTML在螢幕上無法顯示

所以我在innerHTML上遇到了問題。我有一個空數組buttons，我使用for循環填充它。然後使用另一個for循環將每個按鈕的innerHTML設為"Info"，但是當我檢查我的網站時，按鈕仍然為空。 //陣列letbuttons=[];//迴圈問題for(leti=0;i<2;i++){//填滿按鈕陣列的迴圈for(letl=0;l<4;l++){button

P粉024986150 2023-09-10 09:17:02

居中文字和圖示的按鈕

我正在開發一個帶有圖標和文字的按鈕組件。圖示位於按鈕的左側，文字在按鈕中間對齊。如果文字無法適應按鈕，它不應該換行，而是可以被截斷。截斷文字的關鍵條件是，文字距離按鈕邊緣的距離應與圖示距離按鈕邊緣的距離相同。所以你不能在按鈕中加入相等的內聯填充。如果文字沒有被截斷，它將在按鈕中間對齊。然而，一旦它開始重疊圖示或無法適應按鈕，文字將被截斷。換句話說，在正常狀態下，圖示的位置不變，但當文字沒有足夠的空

P粉033429162 2023-08-15 11:01:09

如何透過點擊來改變按鈕的背景顏色/HTML

我製作了一個類似於“閱讀更多”的按鈕，當我按下它時，一個文字向下展開。當文字展開時，按鈕的背景將改變，當我再次按下按鈕關閉文字（例如「閱讀更少」），按鈕的背景將恢復到原始狀態。如何實作這個功能functionmyFunction(){vardots=document.getElementById("dots");varmoreText=document.getElementBy

P粉502608799 2023-09-08 00:04:48

點擊按鈕將引發表單刷新的行為

我在Angular中有一個表單，其中有兩個按鈕標籤。一個按鈕在ng-click上提交表單。另一個按鈕純粹用於使用ng-click進行導航。然而，當點擊這個第二個按鈕時，AngularJS會導致頁面刷新，觸發404錯誤。我在函數中設定了一個斷點，它會觸發我的函數。如果我執行以下任何操作，它就會停止：如果我移除ng-click，按鈕不會導致頁面刷新。如果我在函數中註解掉程式碼，它不會導致頁面刷新。如果我

P粉523625080 2023-08-14 20:46:02

button按鈕點擊了沒有任何反應

button按鈕點擊了沒有任何反應

王先生 2019-11-14 14:10:53

從提交和重置按鈕中刪除懸停效果：逐步指南

當我單擊“提交”或“重置”按鈕時，我需要使用什麼命令才能使其不縮放。我希望他們看起來很正常。我應該對這個程式使用懸停，但不能對最後2個按鈕使用懸停請參閱下面我到目前為止所擁有的程式碼。任何事都值得讚賞<!DOCTYPEhtml><html><head><title>CSSrules</title><style>input:fo

P粉099000044 2024-04-01 22:32:31

保護表單免受按鈕提交的方法

在下一頁中，使用Firefox，刪除按鈕會提交表單，但新增按鈕不會提交表單。如何阻止remove按鈕提交表單？ 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

CSS實現水平按鈕，無需其他技術

我正在嘗試創建兩個水平按鈕，它們的寬度相同-基於最長按鈕的寬度。每個按鈕的文字內容可以由使用者在單獨的頁面上調整...因此我無法控制他們的文字長度/第一個按鈕和第二個按鈕的文字長度。我希望按鈕能夠根據最長文字的長度進行調整，但不要超出頁面的寬度（例如在行動裝置上）。我希望按鈕預設水平顯示，但如果它們不能水平顯示，則堆疊為列。如果整個文字無法適應，我需要按鈕的文字換行。 <divclass=&qu

P粉893457026 2023-09-04 12:29:02

如何偵測瀏覽器後退按鈕事件 - 跨瀏覽器

如何明確偵測使用者是否按下了瀏覽器中的後退按鈕？如何使用#URL系統在單頁Web應用程式中強制使用頁內後退按鈕？到底為什麼瀏覽器後退按鈕不觸發自己的事件！？

P粉141911244 2023-08-23 16:23:49

React 按鈕未將元件新增至頁面

「新增項目」按鈕應觸發帶有輸入欄位的彈出表單，但該表單未呈現。只需使用按鈕即可在渲染時顯示空白頁面。 import'./App.css';constInventoryManager=()=>{dispatch(addItem(newItem));//ResettheinputfieldssetItemName('');setItemDescription('');setItemPrice(''

P粉731861241 2024-03-20 10:46:45

測試React中的上一個和下一個按鈕功能失敗

我的React程式碼測試失敗：如果我寫錯了，你能幫忙寫對嗎？我嘗試使用screen.getByRole('button',{name:'>'})來取得下一個按鈕，使用screen.getByRole('button',{name:'

P粉936509635 2023-08-15 13:54:35