zoukankan      html  css  js  c++  java
  • 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;
        }
    }
    

      

  • 相关阅读:
    用户场景描述
    构建之法阅读笔记03
    冲刺记录(4.26)
    力扣-dp基础问题思维构建
    力扣-二叉树专题
    力扣-巧妙哈希
    力扣-双指针问题
    力扣-区间问题
    力扣-单调栈与单调队列问题
    力扣-股票买卖专题
  • 原文地址:https://www.cnblogs.com/adao21/p/12692560.html
Copyright © 2011-2022 走看看