如果json值与条件匹配,则检查显示单选按钮

时间:2014-02-12 07:28:19

标签: javascript php jquery html json

我关注了Json数据

{“1”:“2”,“2”:“2”}这可以根据条件进行更改。

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

 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>

1 个答案:

答案 0 :(得分:0)

使用jquery的每个()遍历无线电元素集合,使用json提供的值检查匹配的无线电值,并将检查添加到匹配的无线电。

根据你的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);
           }
         }
        }
}