jQuery 在选中复选框时禁用表单元素

Question

我有一个复杂的 jQuery 表单，如果选中某个复选框，我想禁用多个表单元素。我正在使用 jQuery 1.3.2 和所有相关插件。我在这里做错了什么？

这是我的 HTML:

    <li id="form-item-15" class="form-item">
        <div class='element-container'>
            <select id="house_year_built" name="house_year_built" class="form-select" >
                 ...Bunch of options...
            </select>
            <input type="text" title="Original Purchase Price" id="house_purchase_price" name="house_purchase_price" class="form-text money" />
            <input type="text" title="Current Home Debt" id="house_current_debt" name="house_current_debt" class="form-text money" />
        </div>
        <span class="element-toggle">
            <input type="checkbox" id="house_toggle" />
            <span>Do not own house</span>
        </span>
    </li>

这是我的 jQuery:

$('.element-toggle input').change(function () { 
    if ($(this).is(':checked')) $(this).parents('div.element-container').children('input,select').attr('disabled', true);
    else $(this).parents('div.element-container').children('input,select').removeAttr('disabled'); }); 

Answer 1

只是一个花絮:从jquery 1.6开始，你不应该使用 $(this).attr('checked') ，它总是正确的，而应该使用 $(this).prop('检查')。

还建议使用 $(this).prop('disabled') (测试元素是否被禁用)和 $(this).prop('disabled ', newState) 而不是 attr。