如何启用复选框检查上的文本框

时间:2016-08-05 12:56:23

标签: javascript jquery html

选中复选框后,我正在尝试启用和禁用文本框。 但是,选中此复选框时,只启用了一个文本框。 选中复选框后如何启用和禁用两个文本框? 这是我的代码:

<script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
    $('.input_control').change(function () {
        $('input[name=' + this.value + ']')[0].disabled = !this.checked;
    }).change();
});
</script>

提前感谢.. !!

2 个答案:

答案 0 :(得分:1)

[0]只返回单个DOM元素,因此它适用于单个元素。

由于您需要修改多个元素的值,因此您应该使用.prop( propertyName, value )方法

  

为匹配元素集设置一个或多个属性。

$('input[name=' + this.value + ']').prop("disabled", !this.checked);

答案 1 :(得分:0)

 $('input[name=' + this.value + ']')[0].prop( "disabled", !this.checked);


编辑:

 $('input[name=' + this.value + ']').first().prop( "disabled", !this.checked);
 $('input[name=' + this.value + ']').prop( "disabled", !this.checked);