Question

我通过ajax从页面加载数据获取数据，我想在OptFlag为M时检查CheckBox。

$("#tblDelChkList tbody").append('<tr id="DelChkListRow1' + (rowCount++) + '" data-tr-count="' + (dataCount++) + '">' +
         '<td>' + SNo++ + '</td>' +
         '<td> <label id="lblDelChkListCode">' + item.DelChkListCode.trim() + ' </label></td>' +
         '<td> <label id="lblDelChkListDesc">' + item.DelChkListDesc.trim() + ' </label>' +
         '<input type="text" style="display:none;" class="form-control" id="txtDocTypeDesctbl"></td>' +
         'if('+item.OptFlag+' == "M"){'+
         '<td style="text-align:center;">' +         
         '<input type="checkbox" id="chkOptFlag" class="chkBank icheckbox_minimal-blue" checked="true" >'+
         '<input type="hidden" id="hdnDocCode" value="' + item.DelChkListCode.trim() + '"/>' +
         '</td>'+
          '}else{'+
          '<td style="text-align:center;">' +         
          '<input type="checkbox" id="chkOptFlag" class="chkBank icheckbox_minimal-blue" >'+
          '<input type="hidden" id="hdnDocCode" value="' + item.DelChkListCode.trim() + '"/>' +
          '</td>}' +
          '</tr>');
      });

这就是我得到的

Answer 1

你需要做类似

的事情

在index.js中结束Jquery

let users=[
    {name:'John',isMarried:true},
    {name:'Uzair',isMarried:false},
    {name:'John',isMarried:true},
        {name:'Ab',isMarried:false}
]

$(function(){

    let str='';
    users.forEach(element => {
        str+="<tr>";
        str+="<td>";
        str+=element.name;
        str+="</td>"
        str+="<td>";
        if(element.isMarried){
            str+="<input type='checkbox' id='chkOptFlag' class='chkBank icheckbox_minimal-blue' checked='true'>";
        }else{
            str+="<input type='checkbox' id='chkOptFlag' class='chkBank icheckbox_minimal-blue'>";
        }
        str+="</td>";
        str+="</tr>";
    });

    $("#tblDelChkList").append(str)
})

HTML结束

<body>
    <table>
        <thead>
            <tr>
                <td>Name</td>
                <td>Is Married?</td>
            </tr>
        </thead>
        <tbody id="tblDelChkList">

        </tbody>
    </table>

</body>
<script src="index.js"></script>

<强>结果

当数据来自数据库时如何检查html表中的CheckBox？在asp.net MVC中

1 个答案: