如何根据表单输入向元素添加类?

时间:2013-10-21 20:31:35

标签: javascript jquery html forms

如何根据输入的数量将突出显示类(以指示客户有资格获得哪个价格优惠)添加到列表项?的onchange?

    <ul class="list-group">
        <li class="list-group-item highlight">Less than 10 <span class="pull-right">$34.50</span></li>
        <li class="list-group-item">10 to 40 <span class="pull-right">$34.50</span></li>
        <li class="list-group-item">40+ <span class="pull-right">$34.50</span></li>
    </ul>

    <input type="text" placeholder="Quantity">

1 个答案:

答案 0 :(得分:1)

您需要以某种方式将数量添加到li元素(我建议id="lt10"id="10-40"id="40plus",然后在输入中创建一些规则{{ 1}}回调以确定要突出显示的li。

另外,请输入您的输入ID和/或名称。

change