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

Question

在这里发现了一个很棒的片段，所以对它进行了处理，它几乎完全符合我的要求。但是。。显然，我们不想在值框中运行"字符串"，因为我们将这个表单元素附加到数据库中。

下面是脚本：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>

我更希望这一切都是由价值之外的东西引发的。。不确定这是否是注定的。

同样在我们的表单中，我们在这个选择框之前有一个复选框。我真的希望它不被选中，禁用选择，直到复选框被选中。如果复选框未选中，是否有方法将选择值更改为零（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>

Answer 1

将其添加到文档中。ready函数：

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