如何在ajax jquery中选中或取消选中动态表中的动态单选按钮

时间:2014-12-25 15:10:25

标签: jquery html asp.net ajax asp.net-mvc

我想在使用Ajax jquery从asp.net获取web方法的响应后创建一个动态html表。我有一个布尔值的字段,它需要与单选按钮绑定。但我不能设置像checked = true或checked = false的属性,它只允许checked = checked属性。如果布尔字段为真,我需要的是。应检查单选按钮,并且应取消选中其余按钮。这是我的代码

function GetDetails(StId) {
    var input = '{StId:' + StId + '}';
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "<%=Page.ResolveUrl("~ / Sample.aspx / Getdetails ")%>",
        data: input,
        dataType: "json",
        success: function (Result) {
            Result = Result.d;
            $("#tblImages").empty();
            $.each(Result, function (Key, Value) {
                var id = Value.Id;
                var url = "Images.ashx?ImgID=" + id;
                if (Value.desc == null) var desc = '';
                if (Value.IsMainImg == true);
                mImg = 'checked';
                $("#tblImages").append("<tr><td><img  src='" + url + "' style='border:3px solid #CCCCFF;height:78px;width:118px'/></td></td><td><table class='subImg' style='border-collapse: separate; border-spacing: 10px;'><tr><td colspan='2'><input  type='text' style='height:25px; width:250px' value='" + desc + "' /></td></tr><tr><td style='width:55px'><input id='" + id + "' class='btnDelete' type='submit' value='Delete'/></td><td><input class='rdSetAsMainImg' id='" + id + "' type='radio' checked=' " + mImg + "'/>Set as Main Image</td</tr></table></td></tr>");
            });
        },
        error: function (Result) {
            alert("Error");
        }
    });
}

2 个答案:

答案 0 :(得分:1)

只要存在checked属性,就会检查一个单选按钮,无论是真还是假,其中任何一个都将按钮设置为checked

checked="true"
checked="false"
checked="checked"

底部是正确的用法。

这意味着您必须

"<input id='"+id+"' type='radio'" + (mImg ? ' checked="checked"' : '') + " />"

答案 1 :(得分:0)

checked是一个布尔属性,因此无论其值如何,都会检查单选按钮。只需将其留出即可取消选中单选按钮。