複選框數據動態保存到數據庫點擊

我需要一些js/ajax/jquery腳本將數據動態保存到數據庫時，我檢查複選框。當前的複選框或加載在記錄旁邊，並根據其選中或更改數據庫中的變量。但我必須重新加載頁面後，我選擇一個將其保存到數據庫。我可以做一切，但瞭解如何實現這個Ajax，所以我不必提交查詢和每次刷新頁面。任何幫助是極大的讚賞。複選框數據動態保存到數據庫點擊

<form name="form1aa" method="post" action="process.php?fn=<? echo $rows['first']; ?>&class=<?php echo $rows['class']; ?>&last=<?php echo $rows['last']; ?> 
&model=<?php echo $rows['model']; ?>&cas=<?php echo $rows['cases']; ?>&upid=<?php echo $id; ?>&group=1" id="form1a" > 

    <select name="type" onchange=" fill_damage (document.form1aa.type.selectedIndex); "> 
    <option value="Hardware">Hardware</option> 
    <option value="Software">Software</option> 
    </select> 
    <select name="damage"> 
    </select> 
    <input type=text name="comment" placeholder="Comments Box"> 
    <input type=text name="cost" placeholder="Cost"> 
    <input type="submit" value="Save" name="Save"> 
    </form> 

<?php 

//Job Status 
if(isset($_POST['checkbox'])){$checkbox = $_POST['checkbox']; 
if(isset($_POST['activate'])?$activate = $_POST["activate"]:$deactivate = $_POST["deactivate"]) 
$id = "('" . implode("','", $checkbox) . "');" ; 
$sql="UPDATE repairs SET status = '".(isset($activate)?'Completed':'In Progress')."' WHERE id=$id" ; 
$result = mysql_query($sql) or die(mysql_error()); 
} 
//End Job Status 

//Payment Status 
if(isset($_POST['paycheck'])){$paycheck = $_POST['paycheck']; 
if(isset($_POST['paid'])?$paid = $_POST["paid"]:$unpaid = $_POST["unpaid"]) 
$id = "('" . implode("','", $paycheck) . "');" ; 
$sql="UPDATE repairs SET paid = '".(isset($paid)?'Paid':'Unpaid')."' WHERE id=$id" ; 
$result = mysql_query($sql) or die(mysql_error()); 
} 
//End Payment Status 

//Return Status 
if(isset($_POST['retcheck'])){$retcheck = $_POST['retcheck']; 
if(isset($_POST['ret'])?$ret = $_POST["ret"]:$unret = $_POST["unret"]) 
$id = "('" . implode("','", $retcheck) . "');" ; 
$sql="UPDATE repairs SET ret = '".(isset($ret)?'Retuned':'In Office')."' WHERE id=$id" ; 
$result = mysql_query($sql) or die(mysql_error()); 
} 
//End Return Status 
$sql="SELECT * FROM $tbl_name"; 
if(isset($_POST['all'])){ 
    $sql="SELECT * FROM $tbl_name"; 
} 
if(isset($_POST['tpc'])){ 
    $sql="select * from $tbl_name WHERE class LIKE '1%'"; 
} 
if(isset($_POST['drc'])){ 
    $sql="select * from $tbl_name WHERE class LIKE 'D%'"; 
} 
if(isset($_POST['bsc'])){ 
    $sql="select * from $tbl_name WHERE class LIKE 'B%'"; 
} 

$result=mysql_query($sql); 

?> 
<form name="frmactive" method="post" action=""> 
       <input name="activate" type="submit" id="activate" value="Complete Job" /> 
       <input name="paid" type="submit" id="Payment" value="Payment Status" /> 
       <input name="ret" type="submit" id="ret" value="Returned 2 Student" /> 
       <br /> 

<a id="displayText" href="javascript:toggle();">Show Extra</a> 
<div id="toggleText" style="display: none"> 
<br /> 
       <input name="unret" type="submit" id="unret" value="In Office" /> 
       <input name="unpaid" type="submit" id="unpaid" value="Not Paid" /> 
       <input name="deactivate" type="submit" id="deactivate" value="In Progress" /></div> 

<table width="1000" border="0" cellpadding="3" cellspacing="1"> 
<thead> 
<th width="67" align="center"><strong>Start Date</strong></th> 
<th width="50" align="center"><strong>Cases</strong></th> 
<th width="34" align="center"><strong>Type</strong></th> 
<th width="120" align="center"><strong>Damage</strong></th> 
<th width="31" align="center"><strong>Comment</strong></th> 
<th width="31" align="center"><strong>Cost</strong></th> 
<th width="90" align="center"><strong>Payment Status</strong></th> 
<th width="100" align="center"><strong>Returned 2 Student</strong></th> 
<th width="100" align="center"><strong>Job Status</strong></th> 
</thead> 

<?php 
while($rows=mysql_fetch_array($result)){ 
?> 
<tr> 

<td><? echo $rows['start']; ?></td> 
<td><? echo $rows['cases']; ?></td> 
<td><? echo $rows['type']; ?></td> 
<td width="70"><? echo $rows['damage']; ?></td> 
<td width="70"><? echo $rows['comment']; ?></td> 
<td><? echo "$"; echo $rows['cost']; ?></td> 

<!--Payment Display(Start)--> 
<?php 
     if($rows['paid']=="Paid") 
     { 
       ?> 
        <td><input name="paycheck[]" type="checkbox" id="paycheck[]" value="<? echo $rows['id']; ?>"> 
       <? echo $rows['paid'];?> 
        </td> 
        <? 
} 

     if($rows['paid']=="Unpaid") 
     { 
       ?> 
        <td width="21"><input name="paycheck[]" type="checkbox" id="paycheck[]" value="<? echo $rows['id']; ?>"> 
       <? echo $rows['paid']; ?> 
        </td> 
        <? 
} 
if($rows['ret']==""){ 
    ?> 
    <td width="50">No Data</td> 
    <? 
} 
?>

來源

2012-05-02 Matthew

你試過的代碼是什麼？ – Satya

繼承人我目前的代碼，我只是沒有能夠讓我的頭與周圍使用Ajax。 – Matthew

你將需要改變你的邏輯，檢查我的答案有一個想法。 –

與jQuery做吧，一個簡單的例子是：

HTML：

<input type="checkbox" name="option1" value="Milk"> 
<input type="checkbox" name="option2" value="Sugar"> 
<input type="checkbox" name="option3" value="Chocolate">

JS：

$("input[type='checkbox']").on('click', function(){ 
    var checked = $(this).attr('checked'); 
    if(checked){ 
     var value = $(this).val(); 
     $.post('file.php', { value:value }, function(data){ 
      // data = 0 - means that there was an error 
      // data = 1 - means that everything is ok 
      if(data == 1){ 
      // Do something or do nothing :-) 
      alert('Data was saved in db!'); 
      } 
     }); 
    } 
});

PHP：file.php

<?php 
if ($_POST && isset($_POST['value'])) { 

    // db connection 
    $link = mysql_connect('localhost', 'mysql_user', 'mysql_password'); 
    if (!$link) { 
     // error happened 
     print(0); 
    } 
    mysql_select_db('mydb'); 

    // sanitize the value 
    $value = mysql_real_escape_string($_POST['value']); 

    // start the query 
    $sql = "INSERT INTO table (value) VALUES ('$value')"; 

    // check if the query was executed 
    if(mysql_query($sql, $link)){ 
     // everything is Ok, the data was inserted 
     print(1);  
    } else { 
     // error happened 
     print(0); 
    } 
} 
?>

來源

2012-05-02 04:44:20

嘿我很抱歉，但我只有最小的經驗與jquery你有手中的代碼拉它在對此感到抱歉 – Matthew

我給你的代碼做你需要的，開始去jquery.com，下載jquery。 js文件並將其導入到html中的腳本標記中。最後，把我給你的JS代碼放在這個$（document）.ready（function（）{//在這裏粘貼代碼}）;這就是所有，你現在可以測試 –

我已經完成了所有這一切，代碼不做任何事情，作爲一個有害生物的遺憾。 – Matthew

簡單放...

$('input:checkbox').click(function() { 
    clicked = $(this).attr('checked'); 
    if (clicked) { 
    /* AJAX the server to tell them it was clicked. */ } 
    else { 
    /* AJAX the server to tell them it was unclicked. */ } });

來源

2012-05-02 04:33:37 DanRedux

我可以讓這個更簡單。首先，你需要添加一個複選框！

<form name="form1aa" method="post" action="process.php?fn=<? echo $rows['frist']; ?>&class=<?php echo $rows['class']; ?>&last=<?php echo $rows['last']; ?> 
&model=<?php echo $rows['model']; ?>&cas=<?php echo $rows['cases']; ?>&upid=<?php echo $id; ?>&group=1" id="form1a" > 

    <select name="type" onchange="fill_damage(document.form1aa.type.selectedIndex);"> 
    <option value="Hardware">Hardware</option> 
    <option value="Software">Software</option> 
    </select> 
    <select name="damage"> 
    </select> 
    <input type="text" name="comment" placeholder="Comments Box"> 
    <input type="text" name="cost" placeholder="Cost"> 
    <input type="checkbox" name="somecheck" onchange="if(this.checked)document.form1aa.submit()">Check this to Save. 
    <input type="submit" value="Save" name="Save"> 
    </form> 


<script type="javascript> 
//another function that works for onchange="dosubmit(this)" 
//IF you put it after the form. 
function dosubmit(el) { 
    if (el.checked) { 
     document.form1aa.submit(); 
    } 
} 
</script>

在可能的情況下襬脫onchange事件中的空間。

來源

2012-05-02 05:59:00

複選框數據動態保存到數據庫點擊

回答

相關問題