根据单选按钮选择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();

因此，这里的提示是拾取父元素行，然后尝试在该行中查找所需元素以采取措施。