html页面显示的有关问题

html页面显示的问题

function showData(row) {
            var tr = document.createElement('tr');
            var td1 = document.createElement('td');
            td1.innerHTML = row.DEVID;
            var td2 = document.createElement('td');
            td2.innerHTML = row.Area;
            var td3 = document.createElement('td');
            td3.innerHTML = row.USERNAME;
            var td4 = document.createElement('td');
            if (row.IsUsable == '1')
            {
                td4.innerHTML = "可用";
            }
            else 
            {
                td4.innerHTML = "不可用";
            }
             var td5 = document.createElement('td');
            td7.innerHTML = row.BindDate;

            tr.appendChild(td1);
            tr.appendChild(td2);
            tr.appendChild(td3);
            tr.appendChild(td4);
            tr.appendChild(td5);
}

我现在是写成这样的，但是页面显示 “可用不可用” 感觉不怎么好看，想用checkbox之类的的勾选来显示。
那我这里应该怎么改呢？
：
            var td4 = document.createElement('td');
            if (row.IsUsable == '1')
            {
                td4.innerHTML = "可用";
            }
            else 
            {
                td4.innerHTML = "不可用";
            }

[解决办法]
你都引入jquery了为什么不用jquery呢？，你是取会数据拼装table的tr,td吗？