隱藏表格行當點擊複選框

我有這張表，並使用此PHP代碼獲取行，當我點擊此複選框時顯示一條警告消息，如果用戶點擊該警報的確定按鈕，比我想隱藏關節排。 check box is shown in image 隱藏表格行當點擊複選框

<table> 
    <tr> 
     <th style="height: 25px">NAME</th> 
     <th style="height: 25px">EMAIL</th> 
     <th style="height: 25px">CELL NO</th> 
     <th style="height: 25px">CITY</th>     
     <th>Hide Candidate</th> 
    </tr> 
</table> 

<?php 
while($data_set1 = mysql_fetch_array($result)) 
{ 
    echo "<tr>"; 
    echo "<td>{$data_set1['ename']}</td>"; 
    echo "<td>{$data_set1['eemail']}</td>"; 
    echo "<td>{$data_set1['ecell']}</td>"; 
    echo "<td>{$data_set1['ecity']}</td>"; 

    echo "<td><input type=\"checkbox\" name=\"hide_cand\" id=\"hide_cand\" onclick=\"return confirm('This action can not be recovered, are you sure you want to HIDE this Candidate? ')\"/></td>"; 
    echo "</tr>"; 
} 
?>

來源

2012-12-21 raj

[**請，不要」在新代碼中使用'mysql_ *'函數**]（http://bit.ly/phpmsql）。他們不再被維護[並被正式棄用]（https://wiki.php.net/rfc/mysql_deprecation）。看到[**紅框**]（http://j.mp/Te9zIL）？學習[*準備的語句*]（http://j.mp/T9hLWi），並使用[PDO]（http://php.net/pdo）或[MySQLi]（http://php.net/ mysqli） - [這篇文章]（http://j.mp/QEx8IB）將幫助你決定哪個。如果你選擇PDO，[這裏是一個很好的教程]（http://j.mp/PoWehJ）。 –

呼叫從onclick代替的函數，傳遞在複選框元件。在該函數中，您可以隱藏它的父項<tr>（row）元素。

echo "<td><input type=\"checkbox\" name=\"hide_cand\" id=\"hide_cand\" onclick=\" return hideRow(this)\"/></td>";

的Javascript：

function hideRow(checkbox) 
{ 
    if(confirm('This action can not be recovered, are you sure you want to HIDE this Candidate? ')) 
    { 
     checkbox.parentNode.parentNode.style.display = "none"; 
     return true; 
    } 
    return false; 
}

來源

2012-12-21 11:07:58 MrCode

是的，這對我有用 – raj

@raj，如果這解決了問題，考慮接受答案:) – MrCode

使用此行隱藏，但只是暫時的，如何永久隱藏它？ – raj

$('#your_chk_id').live('click', function(){ 
    $(this).parent('tr').hide(); 
});

來源

2012-12-21 11:07:48 Rohit13

我解決了我的查詢，感謝您的回答，但我不知道如何將其插入到我的代碼中。 – raj

使用此代碼。

<!DOCTYPE html> 
<html> 
<head> 
<script> 
function hiderow(check) 
{ 
if(confirm('This action can not be recovered, are you sure you want to HIDE this Candidate? ')) 
    { 
     check.parentNode.parentNode.style.display = "none"; 
     return true; 
    } 
    return false; 
} 
</script> 
</head> 
<body> 

<table id="myTable" border="1"> 
    <tr> 
    <td>cell 1</td> 
    <td>cell 2</td> 
     <td> <input type="checkbox" name="row_2" onclick="return hiderow(this)" /> </td> 
    </tr> 
    <tr> 
    <td>cell 3</td> 
    <td>cell 4</td> 
     <td> <input type="checkbox" name="row_2" onclick="return hiderow(this)" /> </td> 
    </tr> 
</table> 
<br> 
<button type="button" onclick="displayResult()">Delete first row in the table</button> 

</body> 
</html>

來源

2012-12-21 11:18:04

您應該修改輸入字段這樣的：

<input type="checkbox" name="hide_cand" id="hide_cand" onclick="return confirmation(this); return false;"/>

而在這之後添加這個腳本到您的網頁它應該工作:)

<script type="text/javascript"> 
<!-- 
function confirmation(item) { 
    var answer = confirm("This action can not be recovered, are you sure you want to HIDE this Candidate?") 
    if (answer){ 
    alert("confirmed yes!") 
      item.parent().parent().hide(); 
} 
else{ 
    alert("confirmed no!") 
} 
} 
//--> 
</script>

來源

2012-12-21 11:18:56

隱藏表格行當點擊複選框

回答

相關問題