如何根据名称和值检查单选按钮?

时间:2017-06-29 13:15:32

标签: javascript jquery json forms

我的表单上有4组不同的单选按钮。每个组都有不同的名称。我使用JSON Object来存储我的数据。在循环数据时,我正在使用带有前面附加词的键。这将为我提供该组数据的每个表单元素的名称。我成功填充了文本和复选框输入字段,但仍然可以获得单选按钮。这是我的JSON数据:

var jsonData = {
   myForm:{"hs_mask":"Yes","name":"John Miller","hs_cktr":"Yes"}
} 

这是填充表单字段的逻辑:

$.each(jsonData[jsonKey], function(index, element) {
     var frmElementName = $('[name="'+'frm'+index.toLowerCase()+'"]');
     var frmElementId = $('#frm'+index.toLowerCase());
     var frmVal = $.trim(decodeURIComponent(element))

     if(frmElementName.attr('type') == 'text'){
        frmElementId.val(frmVal);
     }else if(frmElementName.attr('type') == 'checkbox'){
        (frmVal == 'Yes') ? frmElementId.attr('checked',true) : frmElementId.attr('checked',false);
     }else if(frmElementName.attr('type') == 'radio'){
        $('input[name="'+'frm'+index.toLowerCase()+'"][value="' + frmVal + '"]').prop('checked', true);
     }
});

我上面已尝试过代码,但我没有看到单选按钮。正如您可以看到的文本和复选框类型我使用ID来填充字段,但对于单选按钮,我使用了元素名称。如果有人看到我的代码破坏了,请告诉我。谢谢。

1 个答案:

答案 0 :(得分:0)

Today I faced a similar problem. This was my solution:

<Frame x:Name="SendButton" HasShadow="false" BackgroundColor="White">
    <Frame.GestureRecognizers>
        <TapGestureRecognizer Tapped="SendClicked" NumberOfTapsRequired="1" />
    </Frame.GestureRecognizers>

Populating radio buttons and JavaScript object properties with JSON data