javascript - 如果 json 值与条件匹配，则显示单选按钮已选中

Question

我已经关注了 Json 数据

{"1":"2","2":"2"} 这可以根据条件更改。

如果 Json 包含与单选按钮相同的值，我正在尝试实现单选按钮检查。Json中第一个Value是电台名称，第二个是需要匹配的值。

 success : function(result){
        //alert(JSON.stringify(result));
        var contact = JSON.parse(result);
        alert("First: " + contact + " Second: " + contact);
        $('input[type=radio][name="' + group[contact[1]] + '"][value="' + contact[1] + '"]').prop('checked', true);


        }

以下是我的html表单

<table width="50%" border="1" align="center" cellpadding="2" cellspacing="1" >




<th><td colspan='2'> <font color='#006699' size='3' face='Arial, Helvetica, sans-serif'><strong>    Assign User Role </br></br></strong></font></td></th>


 <tr bgcolor="#FFFFFF">
    <td><strong>Select User:</strong></td>
    <td><input type="text" name="assigned_to" id="assigned_to" /></td>
 </tr>

<tr bgcolor="#FFFFFF">
    <td><strong>Page Group</strong></td>
    <td><strong>User Role </strong></td> 
</tr>






    <?php
    foreach($groups as $key=>$value) 
    { ?>    
        <tr bgcolor='#FFFFFF'>
        <td><strong><?php echo $value; ?></strong></td>
        <td>
        <input type="radio" name="group[<?php echo $key; ?>]"  id="chk_group1" value="1" />Viewer
        <input type="radio" name="group[<?php echo $key; ?>]"  id="chk_group2"  value="2" />Approver
        <input type="radio" name="group[<?php echo $key; ?>]"  id="chk_group3" value="3" />Editor
        <input type="radio" name="group[<?php echo $key; ?>]"  id="chk_group3" value="4" />Adder
        <input type="radio" name="group[<?php echo $key; ?>]"  id="chk_group4" value="5" />Super Editor
        <input type="radio" name="group[<?php echo $key; ?>]"  id="chk_group5" value="6" />Blocked
        </td>
        </tr>
    <?php
    } 
    ?>


 </tr>
 <tr></tr> <tr></tr> <tr></tr>
 <tr bgcolor="#FFFFFF">
    <td></td>
    <td>
        <input type="submit" name="submit" value="Submit"/>
    </td>
</tr>

Answer 1

使用 jquery 的 each() 遍历 radio 元素集合，使用 json 提供的值检查匹配的 radio 值，并将检查添加到匹配的 radio 。

根据你的 json 为:

{"1":"2","2":"2"} 

在ajax的成功函数中插入下面的代码

success : function(result){
        for(key in result){
         $('input[type=radio]').each(function(){
           if($(this).val() === result[key]){
              $(this).prop('checked', true);
           }
         }
        }
}