選中第一列復選框后，如何將第二列的值保存到表的文本文件中？
[英]how to save second column value into text file from table when first column checkbox is checked?
問題描述
html頁面在第一列中的其他復選框中包含表復選框作為值。 我想在選中復選框並單擊保存按鈕時將第二列數據保存到文本文件中。我提供了文本框來輸入文件名。 用戶可以選中全部或任何復選框，並在文本框中輸入文本文件名，以將數據保存到文件中。 問題是，單擊“保存”按鈕時，它僅采用第二列的第一值。 即使我選中所有復選框。
它殺了我，請有人幫忙...
搗鼓這一點： - 小提琴
<!DOCTYPE html>
<html>
<head>
<script>
function checkAll(ele) {
var checkboxes = document.getElementsByTagName('input');
if (ele.checked) {
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].type == 'checkbox') {
checkboxes[i].checked = true;
}
}
} else {
for (var i = 0; i < checkboxes.length; i++) {
console.log(i)
if (checkboxes[i].type == 'checkbox') {
checkboxes[i].checked = false;
}
}
}
}
</script>
<script>
function Info() {
next_page='ccc.php'
checkboxes = document.getElementsByTagName("input");
for (var i = 0; i < checkboxes.length; i++) {
var checkbox = checkboxes[i];
checkbox.onclick = function() {
var currentRow = this.parentNode.parentNode;
var secondColumn = currentRow.getElementsByTagName("td")[1];
form = document.createElement('form');
form.setAttribute('method', 'POST');
form.setAttribute('action', next_page);
opt = 'save';
myvar = document.createElement('input');
myvar.setAttribute('name', opt);
myvar.setAttribute('type', 'text');
myvar.setAttribute('value', opt);
form.appendChild(myvar);
text = secondColumn.textContent;
myvar1 = document.createElement('input');
myvar1.setAttribute('name', 'text');
myvar1.setAttribute('type', 'text');
myvar1.setAttribute('value', text);
form.appendChild(myvar1);
document.body.appendChild(form);
form.submit();
};
}
}
</script>
</head>
<body>
<table id="testlist" border=1>
<tr style="font-family:verdana;font-size:16px"><th>Select All<input type="checkbox" style="zoom:1.5" onchange="checkAll(this)" name="chk[]"></th><th>TestCase Name</th> <th>TestCase Group</th> <th>Description</th></tr>
<tr><td><input type="checkbox" style="zoom:1.5"><td>A</td> <td>ALL_A</td> <td>This Test A</td></tr>
<tr><td><input type="checkbox" style="zoom:1.5"><td>B</td> <td>ALL_B</td> <td>This Test B</td></tr>
<tr><td><input type="checkbox" style="zoom:1.5"><td>C</td> <td>ALL_C</td> <td>This Test C.</td></tr>
<tr><td><input type="checkbox" style="zoom:1.5"><td>D</td> <td>ALL_D</td> <td>This Test D.</td></tr>
</table>
<label for="tc_file"><b>Enter File Name: </b></label><input type="text" name="tc_file" placeholder="Like ABC">
<input type="button" name="save" onClick="Info()" value="Save to File" style="height:35px;width:110px"/> <input type="button" onclick="location.href='add_newtc.php';" value="Add New Test" style="height:35px;width:110px"/>
</div>
<?php
$fileName = "tc_list.txt";
$tc_name = $_POST["text"];
ob_start();
echo "$tc_name";
$obStr = ob_get_contents();
ob_end_clean();
file_put_contents($fileName, $obStr." \n", FILE_APPEND);
?>
</body>
</html>
2 個解決方案
解決方案1
0 已采納 2017-02-20 08:34:48
這是我為您解決的問題：
<table id="testlist" border=1>
<tr style="font-family:verdana;font-size:16px">
<th>Select All
<input type="checkbox" style="zoom:1.5" onchange="checkAll(this)" name="chk[]">
</th>
<th>TestCase Name</th>
<th>TestCase Group</th>
<th>Description</th>
</tr>
<tr>
<td>
<input type="checkbox" style="zoom:1.5">
<td>A</td>
<td>ALL_A</td>
<td>This Test A</td>
</tr>
<tr>
<td>
<input type="checkbox" style="zoom:1.5">
<td>B</td>
<td>ALL_B</td>
<td>This Test B</td>
</tr>
<tr>
<td>
<input type="checkbox" style="zoom:1.5">
<td>C</td>
<td>ALL_C</td>
<td>This Test C.</td>
</tr>
<tr>
<td>
<input type="checkbox" style="zoom:1.5">
<td>D</td>
<td>ALL_D</td>
<td>This Test D.</td>
</tr>
</table>
<label for="tc_file"><b>Enter File Name: </b></label>
<input type="text" name="tc_file" placeholder="Like ABC">
<input type="button" name="save" onClick="Info()" value="Save to File" style="height:35px;width:110px" />
<input type="button" onclick="location.href='add_newtc.php';" value="Add New Test" style="height:35px;width:110px" />
<script language=javascript>
function checkAll(ele) {
var checkboxes = document.getElementsByTagName('input');
if (ele.checked) {
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].type == 'checkbox') {
checkboxes[i].checked = true;
}
}
} else {
for (var i = 0; i < checkboxes.length; i++) {
console.log(i)
if (checkboxes[i].type == 'checkbox') {
checkboxes[i].checked = false;
}
}
}
}
function Info() {
var next_page = 'ccc.php'
var itemCount = 0;
var table = document.getElementById("testlist");
var rows = table.rows;
var form = document.createElement('form');
form.setAttribute('method', 'POST');
form.setAttribute('action', next_page);
for (var i = 1; i < rows.length; i++) {
row = rows[i];
cells = row.cells;
firstCol = cells[0];
secondCol = cells[1];
if (firstCol.firstElementChild.checked) {
myvar1 = document.createElement('input');
myvar1.setAttribute('name', 'tc' + (itemCount++));
myvar1.setAttribute('type', 'text');
myvar1.setAttribute('value', secondCol.innerHTML);
form.appendChild(myvar1);
}
}
if (itemCount > 0) {
document.body.appendChild(form);
form.submit();
}
}
解決方案2
-1 2017-02-16 06:02:36
這是因為您沒有為每個復選框指定唯一的名稱。
JQUERY根據表列值“狀態”（1或0）將選中的屬性添加到復選框
[英]JQUERY Add checked attribute to checkbox depending on Table column value `Status` (1 or 0)
使用Javascript / JQuery檢查該行中的復選框時，從HTML表中的特定列獲取數據
[英]Getting data from a specific column in a HTML table when a checkbox in that row is checked using Javascript/JQuery
當第一個被選中/取消選中時，添加和刪除第二個復選框的選中
[英]Adding and removing checked of the second checkbox when the first is checked/unchecked
如何通過列表SAPui5上帶有標簽的對話框中的復選框綁定屬性（選中）
[英]How to bind property (checked) from checkbox in dialog with label on the column table, SAPui5
選中主復選框時，如何將復選框設置為在數據表列中選中
[英]How can I set checkbox to checked in a datatable column when a master checkbox is checked
如果未選中第一個表的至少一個復選框，則無法使用 JavaScript 選中第二個表的任何復選框
[英]If at least one checkbox of the first table is not checked then any checkbox of the second table can not be checked using JavaScript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.