表单加载时禁用特定的文本框

Question

我有许多文本框只有在完成某些操作时才需要启用,例如从下拉菜单或复选框中选择它.为此,我想在我第一次打开表单时禁用所有文本框.我需要使用一个函数来完成,这个函数只会禁用我想在开始时禁用的文本框.我怎样才能做到这一点？

Answer 1

<input name="" type="text"  class="init" disabled="disabled"/>
<input name="" type="text"  class="init" disabled="disabled"/>
<input name="" type="text"  class="init" disabled="disabled"/>

这将禁用加载时的所有文本框

$(document).ready(function() {
$('.init').attr('disabled','disabled');
});

您也可以通过选择如下选项启用文本框

<select name="list" id="list">
<option value="">select</option>
<option value="0">opt1(enable first text)</option>
<option value="1">opt2(enable second text)</option>
<option value="2">opt3(enable third text)</option>
</select>

脚本

$('#list').change(function(){
    var value =$(this).val();
    $('.init:eq('+value+')').removeAttr("disabled");
    return false;
});