如何使用JS禁用表行並將所選選項插入MYSQL？

Question

我有一個PHP代碼段，可動態顯示表行。 我每一行都有一個帶有“是”和“否”選項的單選按鈕。

我創建了一個JS函數，當用戶選擇一個選項時，將顯示一個彈出框。

如果用戶在單選按鈕中選擇“是”選項，然后在彈出框中單擊“確定”，則即使單選按鈕也將被禁用，表行也將被禁用。 所選的選項將保存在MYSQL中。

如何在MySQL中保存所選選項？

我的禁用行的JS代碼段不起作用。 如何解決這個問題？

PHP：

echo '<td id="resumeFile"><a href="' . $dir  . $file . '">Download Resume</a></td>';
        echo '<td id="radioOption">
                  <label for="Yes">Yes</label>
                    <input type="radio" id="processedOptionYes" name="processedOption" value="Yes" onclick="proccessedCheck()"/>
                  <label for="No">No</label>
                    <input type="radio" id="processedOptionNo" name="processedOption" value="No" onclick="proccessedCheck()"/></td>';

JS：

function proccessedCheck(){
    var checked = null;
    var inputs = document.getElementsByName('processedOption');
        for (var i = 0; i < inputs.length; i++){
            if (inputs[i].checked) {
            checked = inputs[i];
            break;
            }
        }

    if(checked == null){
        return false;
    } else if (checked == true){
            document.getElementById("resumeFile").disabled = true;
            document.getElementById("radioOption").disabled = true;
            document.getElementById("resumeFile").title = "This option has been disabled.";
    } else {
        return confirm('You have chosen '+ checked.value + ', is this correct?');
    }
}

Answer 1

好的，如果您要從PHP中回顯整個表，只需將參數預置到表中

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
<script   src="https://code.jquery.com/jquery-2.2.3.min.js"   integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo="   crossorigin="anonymous"></script> 
<script>
function proccessedCheck(id,answer) {
    if (confirm('You have chosen '+ id +': '+ answer + ', is this correct?')) {
        $("#processedOptionYes"+id).attr('disabled',true);
        $("#processedOptionNo"+id).attr('disabled',true);
        var withlink = $("#resumeFile"+id).html();
        var withoutlink = $(withlink).html();
        $("#resumeFile"+id).html("").append(withoutlink);
        $("#input1".val(id);
        $("#input2".val(answer);
        $("#myform").submit();

    }     
}
</script>

<!-- EDIT: hidden form to submit -->

<form id="myform" method="POST" action="savedb.php">
  <input type="hidden" id="input1" name="id" />
<input type="hidden" id="input2" name="answer" />
</form>


<table>
  <tr>
    <?php
$dir="";
$file="";
$id = 0;
//foreach($array as $row) {
    $id++;
    echo '<td id="resumeFile'.$id.'"><a href="' . $dir  . $file . '">Download Resume</a></td>';
        echo '<td id="radioOption>
                  <label for="Yes">Yes</label>
                    <input type="radio" id="processedOptionYes'.$id.'" name="processedOption" value="Yes" onclick="proccessedCheck('.$id.',\'Yes\')"/>
                  <label for="No">No</label>
                    <input type="radio" id="processedOptionNo'.$id.'" name="processedOption" value="No" onclick="proccessedCheck('.$id.',\'No\')"/></td>';
//}
                    ?>
  </tr>
</table>
</body>
</html>

saveb.php的內容，不必是單獨的文件

<?php

// Check if my post array arrived, comment this line when u done
echo "<pre>";print_r($_REQUEST);echo "</pre>"; die();

// Connect to DB
// Build SQL insert string with $_REQUEST['id'] as the primary key


?>

Answer 2

對於初學者，請嘗試更換：

        document.getElementById("resumeFile").disabled = true;
        document.getElementById("radioOption").disabled = true;

與：

        document.getElementById("processedOptionYes").disabled = true;
        document.getElementById("processedOptionNo").disabled = true;

如何使用JS禁用表行並將所選選項插入MYSQL？

問題描述

2 個解決方案

解決方案1
1 已采納 2016-05-18 03:48:04

解決方案2
0 2016-05-18 03:06:17

如何使用JS禁用表行並將所選選項插入MYSQL？

問題描述

2 個解決方案

解決方案1 1 已采納 2016-05-18 03:48:04

解決方案2 0 2016-05-18 03:06:17

解決方案1
1 已采納 2016-05-18 03:48:04

解決方案2
0 2016-05-18 03:06:17