单选按钮检查的属性未更改

Question

我有一个div ，要在上面附加一个table ，该table input类型为radio 。 渲染后，当我单击它时，其checked属性不变。 可能是什么问题呢？

<input type="radio" id="radHalf0" name="grp0" class="half">

更新1

我正在使用Jquery.Ajax创建Markup ，如下所示

 $.ajax({
                    type: "POST",
                    url: "Leave-Application.aspx/CreateTable",
                    data: "{'dates':'" + formattedDateArray + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg) {
                        $("#tblLeaveDetails").html("");
                        $("#tblLeaveDetails").append(msg.d);
                        $("#divLeaveDetails").fadeIn();
                        $("#divTotal").fadeIn();
                    }
                });



[WebMethod]
        public static string CreateTable(string dates)
        {
            string[] dateArray = dates.Split(',');
            StringBuilder markup = new StringBuilder("<table class='table table-striped table-hover table-bordered' style='width: 435px'>");
            markup.Append(@" <tr> <th>Date</th> <th>Half Day</th> <th>Full Day</th></tr>");

            for (int i = 0; i < dateArray.Length; i++)
            {
                string rowid = dateArray[i].Replace('/', '-');
                markup.Append(" <tr id = " + rowid + "> <td>" + dateArray[i] + "</td>");
                markup.Append("  <td><input type=\"radio\" id=\"radHalf" + i + "\" name=\"grp" + i + "\" class=\"half\"/></td>");
                markup.Append("  <td><input type=\"radio\" id=\"radFull" + i + "\" name=\"grp" + i + "\" class=\"full\"/></td></tr>");
            }
            markup.Append("</table>");
            return markup.ToString();
}

Answer 1

如果您使用的是一个单选框，则不会更改。 如果您正在使用单个，请将其更改为chekcbox。 另外，如果您有多个单选框，请确保它们具有相同的名称。

Answer 2

您正在创建具有不同ID（以及名称）的单选按钮。 由于该ID和名称只有一个单选按钮，因此不能取消选择它。 删除您要附加ID和名称的+ i +。 如果它们全部都是diff，并且可以选择和取消选择它们，则请使用复选框而不是单选按钮。