jQuery獲取下一個輸入元素

Question

我有很多復選框。 它們每個都與一個輸入字段關聯。 選中此復選框時，我想將輸入字段設置為可編輯，即disable屬性為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不是function 。 誰能幫我解決這個問題？

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對象。