0

我有许多复选框。它们中的每一个都与一个输入字段相关联。选中复选框后，我想将输入字段设置为可编辑，即禁用属性为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);
});

为简单起见，我只想检查选择器是否正常工作，但是，此代码不起作用。在萤火虫中，错误消息是TypeError: event.target.parent is not a function。谁能帮我解决这个问题？

4

1 回答 1

1

试试这个：

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

只需要包装event.targetjQuery 对象即可。

于 2013-05-01T17:49:06.863 回答