Question

我创建了一个HTML表格，每个行都有一个单选按钮，删除按钮和一个文本框。当我选择“应用”按钮时，我想获取与选中的单选按钮位于同一行的文本框的值。附上是我的小提琴。任何帮助将不胜感激:)

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

这是我想知道如何根据选择的单选按钮进行提醒的文本。

JSFiddle Code

Answer 1

您可以在输入广播和输入文本的ID上设置一个数字，然后您可以检查同一组中的哪些无线电被检查，然后获取此无线电的ID并获取具有相同组的输入文本的值ID。等等我正在做jsfiddle ......问候！

编辑：以下是比我更快的用户，问候！

Answer 2

你可以像这样提醒：

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

Updated Fiddle

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); 
});

<强> Demo of it working

Answer 4

我通过在jQuery中使用parents属性来解决这类问题。

通常当你点击某些内容时

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

所以这里的提示是拿起父元素行，然后尝试在该行中找到所需的元素以采取行动。

基于单选按钮选择jQuery获取文本框的值

4 个答案:

Updated Fiddle