0

このテーブルがあり、このphpコードを使用して行をフェッチしています。このチェックボックスをクリックすると、ユーザーがそのアラートの[OK]ボタンをクリックすると、その特定の行を非表示にしたい場合に1つのアラートメッセージが表示されます。チェックボックスは画像に表示されています 

<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>";
}
?>
4

4 に答える 4

2

onclick代わりに、checkbox 要素を渡してから関数を呼び出します。<tr>関数では、その親(行) 要素を非表示にすることができます。

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-21T11:07:58.207 に答える
0

このコードを使用します。

<!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-21T11:18:04.813 に答える
0

次のように入力フィールドを変更する必要があります。

<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-21T11:18:56.833 に答える
0 
$('#your_chk_id').live('click', function(){
  $(this).parent('tr').hide();
});
于 2012-12-21T11:07:48.393 に答える