当 Text 等于 Radiobutton 的值时选择 Radiobutton

Question

当下拉列表中的文本等于值时，是否可以从 2 个同名但值不同的单选按钮中选择 1 个？

https://paste.ee/p/2iCjA97号线

我用 if-else 试过了：

if($('input[name="anrede"]').val() == 'Herr')       
{
    $("#Herr").prop("checked", true)
}
else
{
     $("#Frau").prop("checked", true)   
}

“anrede”是单选按钮的名称。 “Herr”和“Frau”是值/ID。

编辑 1：

jsFiddle：http://jsfiddle.net/hfbxcr9m/11/ --> 您需要添加两个具有不同单选按钮的条目。选择它们后，我希望除了姓名和姓氏之外，还可以选择正确的单选按钮。

编辑 2：

澄清图片：link

编辑 3：

用英文字段更新了小提琴：http://jsfiddle.net/hfbxcr9m/11/

编辑 4：所需的输出

Answer 1

试试这个：

$('input[name="anrede"][value="' + selectedName + '"]').prop('checked', true);

或：

$('input[name="anrede"]').filter(function() { return $(this).val() == selectedName; }).prop('checked', true);

Answer 2

这里不需要if else 条件，试试这个代码：

$('select').click(function() 
{
    var selectedName = $('select[name="docsApp.options"] option:selected').text();
    // unchecked all the radio button first
    $('input[name="anrede"]').prop('checked', false);
    // checked only radio with matched value
    $('input[name="anrede"][value="'+$(this).val()+'"]').prop('checked', true);
    // another rest of the code.....
});

DEMO

Answer 3

试试这个小提琴

Here 我给你的选择一个 id 并将其用作选择参数

$('#select').click(function() {
  var selectedName = $('select[name="docsApp.options"] option:selected').text();

  if ($('#select option:selected').val() == 'Herr')

  {
    $("#Herr").prop("checked", true)
  } else {
    $("#Frau").prop("checked", true)
  }

Answer 4

<input type="text" name="anrede" value=""/><br/>
<input type="button" id="new" value="new_function"/><br/>
<input type="radio" name="sex" id="Herr" value="male">Male<br/>
<input type="radio" name="sex" id="Ferr" value="female">Female<br/>

    $("#new").on("click",function(){
        if($('input[name="anrede"]').val() == 'Herr')       
        {
            $("#Herr").prop("checked", true)
        }
        else
        {
            $("#Ferr").prop("checked", true)   
        }
    });