如何使用JQuery将DB字段值传递给单选按钮

时间:2015-12-10 17:02:30

标签: jquery html ajax

使用ajax读取数据库,我有以下内容:

$('#fetch').click(function(){
    var nameid = parseInt($('#names').val());
    $.ajax({
        url       : "ws.php",
        type      : "POST",
        datatype  : "JSON",
        data      : {                           
                        editvalues  : 1,
                        id          : nameid
                    },
        success:function(show){
            $('#cr').val(show.creditrated);
        }
    });
});

我正试图将creditrated的值传递给使用cr的单选按钮:

<div class="col-sm-2">
<?php if($row[11] == "Y") { ?>
    <input type="radio" id="cr" value="Y" checked><strong>Yes</strong>
    <input type="radio" style="margin-left: 8px" id="cr"  value="N"><strong>No</strong>
    <?php } elseif($row[11] == "N") { ?>
    <input type="radio" id="cr" value="Y"><strong>Yes</strong>
    <input type="radio" style="margin-left: 8px" id="cr"  value="N" checked><strong>No</strong>
<?php } else { ?>
    <input type="radio" id="cr" value="Y"><strong>Yes</strong>
    <input type="radio" style="margin-left: 8px" id="cr"  value="N"><strong>No</strong>
<?php } ?>
    <span class="error" style="color: red"> <?php echo $crErr;?></span>

$row[11]包含值"Y""N"

我知道我错误地标记了这些单选按钮,但我不知道如何以正确的方式进行操作。有人可以帮我弄这个吗?感谢。

顺便说一下,我还有15个其他字段(未在ajax中显示)都正确加载。这是唯一一个给我一个问题的人。

1 个答案:

答案 0 :(得分:1)

尝试以下更改

$('#fetch').click(function(){
    var nameid = parseInt($('#names').val());
    $.ajax({
        url       : "ws.php",
        type      : "POST",
        datatype  : "JSON",
        data      : {                           
                        editvalues  : 1,
                        id          : nameid
                    },
        success:function(show){
            if(show.creditrated == "Y") {
                $("#cr_Y").prop("checked", true);
                $("#cr_N").prop("checked", false);
            }
            else {
                $("#cr_Y").prop("checked", false);
                $("#cr_N").prop("checked", true);
            }
        }
    });
});

并将名称属性添加到链接在一起的单选按钮...

<div class="col-sm-2">
    <input type="radio" name="radioSet" id="cr_Y" value="Y"><strong>Yes</strong>
    <input type="radio" name="radioSet" style="margin-left: 8px" id="cr_N"  value="N"><strong>No</strong>
    <span class="error" style="color: red" id="crErr"></span>