deleting column of checkbox php
ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา deleting column of checkbox php
deleting column of checkbox php
Copy
สวัดดียามค่ำ
โค้ดนี้มีปัญหาตรงโปรเเกรมไม่ลบคอลัมน์ ตามที่ติ้กเลือกใน checkbox รบกวนด้วยครับ
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<TITLE> test add delete txtbox</TITLE>
<SCRIPT language="javascript">
function addRow(){
var root=document.getElementById('myTbl').getElementsByTagName('tbody')[0];
var rows=root.getElementsByTagName('tr');
var clone=cloneEl(rows[rows.length-1]);
root.appendChild(clone);
}
function addColumn(){
var rows=document.getElementById('myTbl').getElementsByTagName('tr'), i=0, r, c, clone;
while(r=rows[i++]){
c=r.getElementsByTagName('td');
clone=cloneEl(c[c.length-1]);
c[0].parentNode.appendChild(clone);
}
}
function cloneEl(el){
var clo=el.cloneNode(true);
return clo;
}
function deleteRow(tableID) {
try {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
for(var i=0; i<rowCount; i++) {
var row = table.rows[i];
var chkbox = row.cells[0].childNodes[0];
if(null != chkbox && true == chkbox.checked) {
table.deleteRow(i);
rowCount--;
i--;
}
else {
//alert('else');
}
}
}
catch(e) {
alert(e);
}
}
function deleteColumn(tblId)
{
var allRows = document.getElementById(tblId).rows;
for (var i=0; i<allRows.length; i++) {
if (allRows[i].cells.length > 1) {
allRows[i].deleteCell(-1);
}
}
}
function deleteCell(tableID) {
var table = document.getElementById(tableID);
//var cellCount =table.cells.length;
var cellCount =3;
alert(cellCount);
for(var i=0; i<cellCount; i++) {
alert(i);
table.deleteCell(i);
}
}
</SCRIPT>
<style type="text/css">
body {
font-size:12px;
}
.titleCol
{
}
.bggray{
background-color:#F0F0F0;
border:1px #CCCCCC solid;
}
.table_gray td {
border:1px #CCCCCC solid;
}
input[type=text]
{
width: 70px;
}
.Metrixbox {
width:95%;
border:1px #CCCCCC dashed;
padding:
15px;
margin-bottom:5px;
margin-top:5px;
}
li {
list-style:none;
padding:1px;
}
li div {
width:70px;
float:left;
text-align:right;
padding-right:1px;
}
.alert {
color:#FF0000;
font-size:10px;
}
.txt_notstock {
color:#999999;
}
</style>
</HEAD>
<BODY>
<div style="width:95%; text-align:right">เพิ่ม/ลบคอลัมน์
<button type="button" onClick="addColumn()">+</button>
<button type="button" onClick="deleteColumn('myTbl')">-</button> </div>
</div>
<table width="95%" border="0" cellpadding="3" cellspacing="2" id="myTbl" class="table_gray">
<tr id="firstTr">
<td colspan="2" align="center" valign="middle" class="bggray" ><input name="Rows_show" type="hidden" style="border:none; width:100px;" class="bggray" /></td>
<td align="left" class="bggray"> <INPUT type="checkbox" name="chk_del" id="chk_del"/>xxxxx</td>
</tr>
<tr id="firstTr">
<td width="20" align="left" valign="middle" class="bggray"><INPUT type="checkbox" name="chk" id="chk"/></td>
<td width="178" align="left" valign="middle" class="bggray">xxxxx</td>
<td align="left" id="firstCol">xxxx </td>
</tr>
</table>
<br />
เพิ่ม/ลบแถว
<button type="button" onClick="addRow()">+</button>
<button type="button" onClick="deleteRow('myTbl')">-</button>
</div>
</BODY>
</HTML>
![]()
โค้ดนี้มีปัญหาตรงโปรเเกรมไม่ลบคอลัมน์ ตามที่ติ้กเลือกใน checkbox รบกวนด้วยครับ
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<TITLE> test add delete txtbox</TITLE>
<SCRIPT language="javascript">
function addRow(){
var root=document.getElementById('myTbl').getElementsByTagName('tbody')[0];
var rows=root.getElementsByTagName('tr');
var clone=cloneEl(rows[rows.length-1]);
root.appendChild(clone);
}
function addColumn(){
var rows=document.getElementById('myTbl').getElementsByTagName('tr'), i=0, r, c, clone;
while(r=rows[i++]){
c=r.getElementsByTagName('td');
clone=cloneEl(c[c.length-1]);
c[0].parentNode.appendChild(clone);
}
}
function cloneEl(el){
var clo=el.cloneNode(true);
return clo;
}
function deleteRow(tableID) {
try {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
for(var i=0; i<rowCount; i++) {
var row = table.rows[i];
var chkbox = row.cells[0].childNodes[0];
if(null != chkbox && true == chkbox.checked) {
table.deleteRow(i);
rowCount--;
i--;
}
else {
//alert('else');
}
}
}
catch(e) {
alert(e);
}
}
function deleteColumn(tblId)
{
var allRows = document.getElementById(tblId).rows;
for (var i=0; i<allRows.length; i++) {
if (allRows[i].cells.length > 1) {
allRows[i].deleteCell(-1);
}
}
}
function deleteCell(tableID) {
var table = document.getElementById(tableID);
//var cellCount =table.cells.length;
var cellCount =3;
alert(cellCount);
for(var i=0; i<cellCount; i++) {
alert(i);
table.deleteCell(i);
}
}
</SCRIPT>
<style type="text/css">
body {
font-size:12px;
}
.titleCol
{
}
.bggray{
background-color:#F0F0F0;
border:1px #CCCCCC solid;
}
.table_gray td {
border:1px #CCCCCC solid;
}
input[type=text]
{
width: 70px;
}
.Metrixbox {
width:95%;
border:1px #CCCCCC dashed;
padding:
15px;
margin-bottom:5px;
margin-top:5px;
}
li {
list-style:none;
padding:1px;
}
li div {
width:70px;
float:left;
text-align:right;
padding-right:1px;
}
.alert {
color:#FF0000;
font-size:10px;
}
.txt_notstock {
color:#999999;
}
</style>
</HEAD>
<BODY>
<div style="width:95%; text-align:right">เพิ่ม/ลบคอลัมน์
<button type="button" onClick="addColumn()">+</button>
<button type="button" onClick="deleteColumn('myTbl')">-</button> </div>
</div>
<table width="95%" border="0" cellpadding="3" cellspacing="2" id="myTbl" class="table_gray">
<tr id="firstTr">
<td colspan="2" align="center" valign="middle" class="bggray" ><input name="Rows_show" type="hidden" style="border:none; width:100px;" class="bggray" /></td>
<td align="left" class="bggray"> <INPUT type="checkbox" name="chk_del" id="chk_del"/>xxxxx</td>
</tr>
<tr id="firstTr">
<td width="20" align="left" valign="middle" class="bggray"><INPUT type="checkbox" name="chk" id="chk"/></td>
<td width="178" align="left" valign="middle" class="bggray">xxxxx</td>
<td align="left" id="firstCol">xxxx </td>
</tr>
</table>
<br />
เพิ่ม/ลบแถว
<button type="button" onClick="addRow()">+</button>
<button type="button" onClick="deleteRow('myTbl')">-</button>
</div>
</BODY>
</HTML>
Azhary Pk
26-09-2016
19:40:42
คำแนะนำ และการใช้งาน
สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก
- ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
สนับสนุนเว็บไซต์เรา จ่ายด้วย 
Author Ninenik Narkdee
2024 © Copyright ninenik.com. All rights reserved.
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา
โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ