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。我没有测试我的代码，但它应该是这样的。

如何改变插入文本的样式--javascript

1 个答案: