如何改变插入文本的样式

Question

我创建了一个与HTML页面交互的脚本。在html页面中，用户在文本框中插入一个表达式。页面中有5个复选框，这个复选框设置字体样式(大，固定，醒目，粗体等)。根据所选复选框，必须显示与所选复选框的值相对应的编辑文本的新窗口。我会在其他两个选择框(尺寸和颜色)的文本。这是我的html代码，可以给我举个例子吗?

<input type="text" id="testo"><br>
<label>big</label><input type="checkbox" id="big"><br>
<label>italics</label><input type="checkbox" id="italics"><br>
<label>bold</label><input type="checkbox" id="bold"><br>
<label>fixed</label><input type="checkbox" id="fixed"><br>
<label>strike</label><input type="checkbox" id="strike"><br>
<label>sub</label><input type="checkbox" id="sub"><br>
<label>Colore</label><select id="colore">
<option value="1">Blue</option>
<option value="2">Green</option>
</select><br>
<label>Dimensione</label><select>
<option value="1">1</option>
<option value="3">3</option>
<option value="5">5</option>
<option value="7">7</option>
</select>
<br>
<input type="button" value="mostra testo" onclick="Show()">

Answer 1

使用jQuery，您可以通过以下方式完成:

function Show() {
  $('testo').css('background-color', function(){
             return $('colore').value()
            })
}

更多细节请查看.css。我没有测试我的代码，但它应该是这样的: