Question

我正在使用wordpress来维护网站。我想在底部创建一个带有几个图标和文本框的页面。根据单击的图标，下方框中的文本会发生变化。有没有人知道如何使用基本的html和CSS？

Answer 1

这可以使用隐藏的复选框。还有点破解。使用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;
}

Answer 2

它只适用于自定义脚本

＆＃13;

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

＆＃13;

<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="">

＆＃13;

根据点击的内容更改文本框

2 个答案: