触发自定义消息的值+复选框以禁用/启用元素

时间:2012-01-21 01:01:29

标签: jquery

在这里找到一个很棒的片段,所以摆弄它,它确实完全符合我的要求。但是......显然我们不想在值框中运行“字符串”,因为我们将此表单元素附加到数据库。

所以这是脚本: http://jsfiddle.net/ozzy/gwKfP/10/

这是代码(html)

<select id="duration">
 <option value="0">Select</option>
 <option value="$7.99">7 days</option>
 <option value="$3.99">3 days</option>
</select>

我宁愿让这一切都触发除了价值以外的其他东西..不确定那是否可行。

同样在我们的表单中,我们在此选择框之前有一个复选框。我真的希望它如此取消选中,禁用选择,直到勾选复选框。此外,如果未选中复选框,则可以将select的值更改为零(0)

我们使用jquery(但你可能猜到我不会得到js)lol

我的实际代码是:

<label class="s_radio"><input class="inline" type="checkbox" value="ctv"/> yes</label>
            <label class="s_radio">
                <select id="duration" class="inline" style="width: 100px;">
                <option value="0">Select</option>
                <option value="$7.99">7 days</option>
                <option value="$3.99">3 days</option>
                </select>&nbsp; <span id="value" class="disabled" data-default="Please Choose"> Please Choose</span></label>

1 个答案:

答案 0 :(得分:1)

将此添加到您的document.ready功能:

$('.s_radio input').change(function() {
    if ($(this).is(":checked"))
        $('#duration').attr('disabled', '');
    else
        $('#duration').val('').change().attr('disabled', 'disabled');
});