var checkbox = document.createElement('td'); var checkboxDiv = document.createElement('div'); checkboxDiv.setAttribute("class","custom-control custom-checkbox"); var checkboxInput = document.createElement('input'); checkboxInput.setAttribute("class","custom-control-input"); checkboxInput.setAttribute("type","checkbox"); checkboxInput.setAttribute('name','chk'); checkboxInput.setAttribute('value',item.id); checkboxInput.setAttribute("id",number); checkboxDiv.appendChild(checkboxInput); var checkboxLabel = document.createElement('label'); checkboxLabel.setAttribute("class","custom-control-label"); checkboxLabel.setAttribute("for",number); checkboxDiv.appendChild(checkboxLabel); checkbox.appendChild(checkboxDiv); row.appendChild(checkbox) var nameCell = document.createElement('td'); nameCell.innerHTML = item.name; row.appendChild(nameCell); var valueCell = document.createElement('td'); var valueImg = document.createElement('img'); valueImg.setAttribute('src',baseUrl+item.value); valueImg.setAttribute('height',100); valueImg.setAttribute('width',100); valueCell.appendChild(valueImg); row.appendChild(valueCell);
时间: 2023-06-19 09:34:40 浏览: 56
这段代码是用来创建一个表格,并在每行添加一个复选框、一个名称单元格和一个值单元格。具体来说,它创建了一个名为 checkbox 的单元格,其中包含一个自定义的复选框,该复选框包含一个输入元素和一个标签元素。它还创建了一个名为 nameCell 的单元格,其中包含了 item 的名称。最后,它创建了一个名为 valueCell 的单元格,其中包含一个 img 元素,该元素的 src 属性设置为 item 的值,并设置了其高度和宽度。
相关问题
const checkbox = document.querySelector
`const checkbox = document.querySelector`是一个语法错误,缺少选择器参数。`document.querySelector`是一个DOM API,用于选择文档中的元素。它需要一个CSS选择器作为参数,以指定要选择的元素。例如,`document.querySelector('.box')`将选择具有`class="box"`的元素。如果没有匹配的元素,则返回`null`。
以下是一个例子,演示如何使用`document.querySelector`选择一个具有特定ID的复选框元素,并将其选中或取消选中:
```javascript
// 选择具有id="myCheckbox"的复选框元素
const checkbox = document.querySelector('#myCheckbox');
// 将复选框选中
checkbox.checked = true;
// 取消复选框选中
checkbox.checked = false;
```
function deletefunction(){ var LvKeLeiXingId=document.getElementById("LvKeLeiXingId").value parent.document.getElementById('Mainid').src='${ctx}/StayRegister/tolist.do?LvKeLeiXingId='+LvKeLeiXingId; } function selectRoom(){ var tbody = document.getElementById("tbody"); var name=document.getElementById("txtnameid").value; var i=0; $("#tbody").empty(); // 删除 tbody 所有行 $.ajax({ cache:false, //是否使用缓存提交 如果为TRUE 会调用浏览器的缓存 而不会提交 type: "POST", //上面3行都是必须要的 url: '${ctx}/StayRegister/changRoomSelectPassenger.do', //地址 type 带参数 data:"roomNumber="+name, // IDCardValue 自定义的。相当于name把值赋予给 他可以在servlet 获取 // dataType:"json", // json 数据类型提交 async:false, // 是否 异步 提交 success: function (result) { for (var key in result) { i++; var item = result[key]; var tr = tbody.insertRow(-1); // FireFox必须使用-1这个参数 var tdcheckbox = tr.insertCell(-1); // Table 有多少列就添加多少个这个 var tdroomNumber = tr.insertCell(-1); var tdguestRoomLevelName = tr.insertCell(-1); var tdroomName = tr.insertCell(-1); var tdroomAmount = tr.insertCell(-1); var tdstandardPriceDay = tr.insertCell(-1); tdcheckbox.innerHTML = "<input type='radio' name='id' value='"+item.id+"'>"; tdroomNumber.innerHTML = item.roomNumber; tdguestRoomLevelName.innerHTML = item.guestRoomLevelName; tdroomName.innerHTML =item.roomName; //中间这个是数据 tdroomAmount.innerHTML =item.roomAmount; tdstandardPriceDay.innerHTML ='¥'+item.standardPriceDay; } if(i==0){ alert("很抱歉!没有查找到你要找的数据"); } }, error: function(data) { } }); } 解释代码
这段代码是一个包含两个函数的 JavaScript 脚本。其中,deletefunction() 函数用于删除页面中的某个元素,而 selectRoom() 函数用于向服务器发送 AJAX 请求,获取客房信息并在页面上展示。
在 deletefunction() 函数中,首先通过 document.getElementById() 获取一个名为 LvKeLeiXingId 的元素,并获取其值。接着,通过 parent.document.getElementById() 获取名为 Mainid 的元素,并将其 src 属性设为一个 URL,该 URL 包含了一个名为 LvKeLeiXingId 的参数,其值为 LvKeLeiXingId 元素的值。这样,通过修改 Mainid 元素的 src 属性,可以实现删除页面中的某个元素。
在 selectRoom() 函数中,首先通过 document.getElementById() 获取一个名为 txtnameid 的输入框,并获取其值。接着,通过 jQuery 的 $.ajax() 方法向服务器发送一个 POST 请求,其中包含一个名为 roomNumber 的参数,其值为 txtnameid 输入框的值。请求成功后,通过遍历返回的 JSON 数据,将数据逐行添加到名为 tbody 的表格中。每行表格中包含一个单选框、房间号、房间类型、房间名称、房间数量和标准价格等信息。若返回的数据为空,则弹出一个警告框。