根據點擊的內容更改文本框

-2

我正在使用WordPress來維護一個網站。我想創建一個頁面，底部有幾個圖標和一個文本框。根據點擊的圖標，下方框中的文字會發生變化。有沒有人知道這種使用基本的HTML和CSS的方法？根據點擊的內容更改文本框

2017-08-17 Esther

這不是一個代碼編寫的網站。先試一下。告訴我們什麼時候出問題了，我們會盡力幫忙。 –

歡迎來到Stack Overflow。請注意，不鼓勵提出一般性幫助或建議的問題：請參閱[允許的主題]（https://stackoverflow.com/help/on-topic）。您需要研究您的問題，並嘗試在發佈之前解決問題。請閱讀[Stack Overflow用戶需要多少研究工作？]（https://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users）和[我如何問一個好問題]（https://stackoverflow.com/help/how-to-ask） – FluffyKitten

這是隱藏的複選框可能。還有一點點黑客。使用CSS兄弟選擇器。這會在複選框上的兄弟元素上更改樣式。如果複選框得到的是僞類：檢查你的文本將會改變。

嘗試了這一點：

<input type="checkbox"> 
<p class="to-be-changed">Some Text.</p> 

    .to-be-changed { 
    color: black; 
} 

input[type=checkbox]:checked ~ .to-be-changed { 
    color: red; 
}

來源

2017-08-17 09:48:16 bndamm

它只能用於自定義腳本

$('#two').click(function(){ 
 
    $('#count').val('2'); 
 
    $('#total').text('Product price: $1000'); 
 
}); 
 

 
$('#four').click(function(){ 
 
    $('#count').val('4'); 
 
    $('#total').text('Product price: $2000'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<input type="button" id ='two' onclick="change()" value="2&#x00A;Qty"> 
 
<input type="button" id ='four' class="mnozstvi_sleva" value="4&#x00A;Qty"> 
 
<br> 
 
Total <input type="text" id="count" value="">

來源

2017-08-17 09:49:48 Vengadeshwaran

根據點擊的內容更改文本框

回答

相關問題