[英]how can i clear may table data if i click my reset button which resets my radio buttons on different forms
我想要的是,如果我單擊“重置”按鈕,它將重置我的單選按鈕並清除May表數據上的值。...我應該在此處添加什么代碼...
function clear(){
var elems = document.getElementsByName('president') && document.getElementById('president');
for(i=0;i<elems.length;i++)
elems[i].checked=false;
document.list.editform.president.value='';
}
假設例如document.getElementsByName('president')
用於我的edit表單上的重置按鈕,而document.getElementById('president')
用於另一種表單上的表格數據。 如果單擊重置,是否可以在函數上調用兩種形式? 請幫助...
這是我的select_candidate.php
<script type="text/javascript">
<!--
function clear(){
var elems = document.getElementsByName('president');
for(i=0;i<elems.length;i++)
elems[i].checked=false;
document.list.editform.president.value='';
}
function get_president_value()
{
for (var i=0; i < document.list.president.length; i++)
{
if (document.list.president[i].checked)
{
return document.getElementById('president').innerHTML = document.list.president[i].value;
}
}
}
-->
</script>
<form method="post" name="list">
<div id="TabbedPanels1" class="TabbedPanels" >
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">President</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<fieldset>
<legend>President</legend>
<?php require_once('candidate/president.php'); ?>
</fieldset></div>
</form>
<!-- here the value of my radio button will appear on this table data and this is where i want to clear as i click my reset button which clears also my radio buttons... -->
<div>
<fieldset>
<legend>List of Your Candidates</legend>
<table>
<tr><td>President: </td> <td id="president" onclick="clear()"> </td> </tr>
</table>
</fieldset>
</div>
這是我的President.php
<?php
// get the records from the database
if ($result = $mysqli->query("SELECT * FROM candidate_info WHERE position= 'president'"))
{
// display records if there are records to display
if ($result->num_rows > 0)
{
// display records in a table
echo "<table border='1' cellpadding='10'>";
// set table headers
echo "<tr><th>Student ID</td><th>Course</th><th>Name</th></tr>";
while ($row = $result->fetch_object())
{
// set up a row for each record
echo "<tr>";
echo "<td>" . $row->studid . "</td>";
echo "<td>" . $row->course . "</td>";
echo "<td>" . $row->fname . " ". $row->mname ." ". $row->lname ." </td>";
echo "<td><input type ='radio' name='president' id='". $row->studid ."' value='" . $row->fname . " ". $row->mname ." ". $row->lname ."' onchange='get_president_value()' ></td>";
echo "</tr>";
}
echo "</table>";
}
// if there are no records in the database, display an alert message
else
{
echo "No results to display!";
}
}
// show an error if there is an issue with the database query
else
{
echo "Error: " . $mysqli->error;
}
// close database connection
$mysqli->close();
// <a href="records.php">Add New Record</a>
?>
//here is my reset button that resets my radio buttons
<form name="editform" method="post">
<input type="reset" name="reset" value="Clear" id="candidate2" onClick="clear()">
</form></div>
Java Script Code use tableid.rows.length take number of row;
if(tabLen == 1){ return;}//its mean only header remaning no data
where rowId while creating table giving rowId string like "userRow" ;
for (i=1; i< tabLen; i++)
{
if (document.getElementById(rowId+(i-1)) != undefined)
tableToBeDeleted.deleteRow(document.getElementById(rowId+(i-1)).rowIndex);
else if (document.getElementById(rowId+"_New") != undefined)
tableToBeDeleted.deleteRow(document.getElementById(rowId+"_New").rowIndex);
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.