Question

我有很多复选框。它们中的每一个都与一个输入字段相关联。选中此复选框后，我想将输入字段设置为可编辑，即禁用属性为 false 。否则，输入字段是只读的。一对此类复选框和输入字段的代码如下所示（所有这些代码都包含在一个部分中，名为能力：

<label class="checkbox span3">
<input id="IT_OS_checkbox" type="checkbox" value="IT_OS" name="competency_checkbox[]">
IT - OS
</label>
<div class="controls">
<input id="IT_OS_input" class="input-xxlarge" type="text" name="competency_input[]" disabled="true" placeholder="mots clés séparés par virgule">
</div>

因此，我尝试使用Jquery的 on 方法为每个复选框触发事件。代码如下：

$("#competencies").on('change', '.checkbox', function (event) {
    var orig_val = event.target.parent().next('div').find('input').attr('disabled');
    alert(orig_val);
});

为简单起见，我只想检查选择器是否正常，但是，此代码不起作用。在firebug中，错误消息是 TypeError：event.target.parent不是函数。任何人都可以帮我解决这个问题吗？

Answer 1

试试这个：

$("#competencies").on('change', '.checkbox', function (event) {
    var orig_val = $(event.target).parent().next('div').find('input').attr('disabled');
    alert(orig_val);
});

只需要包装event.target以获取jQuery对象。

jquery获取下一个输入元素

1 个答案: