js动态生成checkbox表单并设置为单选

js 逻辑,主要是自定义setRadio方法和自动生成表单中的 input 属性 onclick
动态生成表单后实现这个找了好多方法,这个自测运行可以实现
function (list) {

          var tr = $("<tr id=\"t" + this.TASK_ID + "\">" +
                "<td class=\"alC\"><input onclick=\"setRadio(this)\" name=\"check\" type=\"checkbox\" value=\"" + this.TASK_ID + "\"/></td>" +
                "<td class=\"alC\">" + Common.IsUndefined(this.TASK_NAME) + "</td>" +
                "<td class=\"alC\">" + Common.IsUndefined(this.TASK_CODE) + "</td>" +
                "<td class=\"alC\">" + Common.IsUndefined(this.TASK_TYPE_VALUE) + "</td>" +
                "<td class=\"alC\">" + Common.IsUndefined(this.COLLECT_TYPE) + "</td>" +
                "<td class=\"alC\" title=" + Common.IsUndefined(this.REMARK) + ">" + remark + "</td>" +
                "</tr>");

            $("#tbody").append(tr);
    }

function setRadio(obj) {
    var a = document.getElementsByName("check")
    for (var i = 0; i < a.length; i++) {
        a[i].checked = false;
    }
    if (obj.checked == true) {
        obj.checked = false;
    } else {
        obj.checked = true;
    }
}

  

posted @ 2020-04-13 17:12  adao  阅读(787)  评论(0)    收藏  举报