根據單選按鈕選擇jQuery獲取文本框的值

Question

我創建了一個HTML表，該表在每行中都有一個單選按鈕，刪除按鈕和一個文本框。 當我選擇應用按鈕時，我想獲取與選中的單選按鈕相同的行中文本框的值。 附上我的小提琴。 任何幫助將不勝感激 ：）

<input type="text" name="context" class="chooseContext"/>

這是我要弄清楚如何根據所選的單選按鈕發出警報的文本。

JSFiddle代碼

Answer 1

您可以在輸入廣播的ID和輸入文本的ID上設置一個數字，然后可以檢查已檢查同一組的哪些廣播，然后獲取此廣播的ID並獲得具有相同ID的輸入文本的val。 等待我在做jsfiddle ...問候！

編輯：這是比我更快的用戶，問候！

Answer 2

您可以像這樣警告它：

$('#applyButton').on('click', function(){
    var alertTxt = $(':radio:checked').closest('tr').find('.chooseContext').val();
    alert(alertTxt);
});

更新的小提琴

Answer 3

不確定這是否是最優雅的解決方案，但您可以執行此操作

//Send selected default to add on
$(".contexts-list tr input[type='radio']:checked").each(function() {
    var val = $(this).parents("tr").find("input.chooseContext").val(); 
    alert("Default: " + val); 
}); 

演示工作

Answer 4

我通過使用jQuery中的parents屬性來解決這類問題。

所以通常當您點擊某物時

$(this).parents('tr').find('input[type=text]').val();

因此，這里的提示是拾取父元素行，然后嘗試在該行中查找所需元素以采取措施。