html页面显示的问题_html/css_WEB-ITnose

php中文网

发布时间：2016-06-21 09:43:51

1370人浏览过

来源于php中文网

原创

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 = "不可用";            }

芒果商城系统GSHOP

芒果系统GSHOP 纯静态商城系统，你还在为商城的优化而苦恼？GSHOP是全站纯静态商城系统，一键seo优化功能解决seo问题，自定义URL链接解决商城同质化问题；多页面显示：动态页、伪静态页面、纯静态页面增加收录，提升网站权重，提升流量等。安全稳定、功能强大的商城系统。1、芒果商城系统基于 php5.0开发，企业级应用。2、产品功能Ajax设计，响应速度更快，购物体验更好。3、全新密钥存放机制，

下载

回复讨论(解决方案)

         function showData(row) {                  var tr = document.createElement('tr');                  var td1 = document.createElement('td');                  td1.innerHTML = row.UID;                  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.ROLE == '1') {                      td4.innerHTML = "是";                  }                  else {                      td4.innerHTML = "否";                  }                  var td5 = document.createElement('checkbox');                  if (row.ISUSSELF == '1') {                      document.getElementById("checkbox").checked = true                  }                  else {                      document.getElementById("checkbox").checked = false                  }                  var td6 = document.createElement('td');                  td6.innerHTML = row.ISUSABLE;                  tr.appendChild(td1);                  tr.appendChild(td2);                  tr.appendChild(td3);                  tr.appendChild(td4);                  tr.appendChild(td5);                  tr.appendChild(td6);;                  $("#datatable > tbody").append(tr);              }

我现在这样完全不行啊，求赐教！

首先下面的代码就不正确，根本取不到你要的元素：

document.getElementById("checkbox").checked = true

        无标题文档

        无标题文档

            var td5= document.createElement('input');
            td5.setAttribute("type", "checkbox");
            if (row.ISUSSELF == '1') {
                td5.setAttribute("checked", true);
            }
            else {
                td5.setAttribute("checked", false);
            }

这样写表格就乱了，能把document.createElement('input');加入到document.createElement('td');里吗？

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

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

是啊，但是不是很会用

       function showData(row) {	var str='';	str+=''+row.UID+''+row.AREA+''+ row.USERNAME+'';	str+=(row.ROLE == '1')?'是':'否';	str+='';        $("#datatable > tbody").append($(str));      }