Question

我正在尝试从表单上使用的信息更新一些数据库行，但是它有一些错误

以下是相关代码：

  var html = '';
$(document).ready(function(){
    $(".save_btn").on('click', function() {

        $('.response').each(function(){
            //alert($(this).attr('id'));

            var $no = no.checked;
            var $yes = yes.checked;

            alert($no);
            alert($yes);

            if ($no === 'no') {
                html = $.ajax({
                    url: "response14.php?questionID=" + $(this).attr('id') + "&question=" + $(this).val() + "&check=2",
                    async: false
                }).responseText;
            }   
            if ($yes === 'yes') {
                html = $.ajax({
                    //url: "response.php?questionID=" + $(this).attr('id') + "&response=" + $(this).val() + "&check=1",
                    url: "response14.php?questionID=" + $(this).attr('id') + "&question=" + escape($(this).val()) + "&check=1",
                    async: false
                }).responseText;
            }   

        }); 
        alert(html);
        location.reload();  
    });
})

response14.php：

include("db_conn.php");
$sql = "update questions set approved = 1, question = ? where questionID = ?";
$qc = $pdo_conn->prepare($sql);
$qc->execute(array($_GET['question'], $_POST['questionID']));
echo 'saved';

带按钮的代码：

echo "<script src='viewsonly.js' type='text/javascript'> </script><br><center>";    
    include("db_conn.php");

$qry_strings4 = "SELECT * FROM `Y new questions`";
$preps4 = $pdo_conn->prepare($qry_strings4);
            $preps4->execute();
           // $row = $preps4->fetch(PDO::FETCH_ASSOC);
        //echo "$count";
            echo "<table style='border:0px; background-color:lightgrey; width:75%'><thead style='border:0px;'><tr style='border:0px solid white; background-color:#153E7E; text-align:left; color:white; padding: 5; margin: 5;'><th style='border:1px white; padding: 5; margin: 5;'>Question</th><th style='border:1px white; padding: 5; margin: 5;'>Response</th></tr></thead><tbody>";
            while ($row = $preps4->fetch(PDO::FETCH_ASSOC)) {
                echo "<tr style='border:1px white; background-color:lightgrey; color:black; padding: 5; margin: 5;'><td style='border:1px white; vertical-align:top; padding: 5; margin: 5;'>{$row['starName']}</td>
                      <td style='border:1px white; padding: 5; margin: 5;'><div id='wrap'>
<textarea cols='85' rows='2' id='{$row['questionID']}' class='response textbox'>{$row['question']}</textarea>
    YES: <input type='checkbox' name='yes' value='yes'> &nbsp;&nbsp;&nbsp;
    NO: <input type='checkbox' name='no' value='no'>    </div></td></tr>";
            }
            echo "</tbody></table>";
            echo "<button type='button' class='save_btn' style='align:right'>Save All</button><br>";

渲染html：

   <td style='border:1px white; padding: 5; margin: 5;'><div id='wrap'>
<textarea cols='85' rows='2' id='3792' class='response textbox'>Hello C!!

Where can I send you fan mail? :)
I want your autograph and I'm from the Philippines :)

God bless Cooper!</textarea>
    YES: <input type='checkbox' name='yes' value='yes'> &nbsp;&nbsp;&nbsp;
    NO: <input type='checkbox' name='no' value='no'>    </div></td></tr><tr style='border:1px white; background-color:lightgrey; color:black; padding: 5; margin: 5;'><td style='border:1px white; vertical-align:top; padding: 5; margin: 5;'>Gavin Casalegno</td>
                      <td style='border:1px white; padding: 5; margin: 5;'><div id='wrap'>
<textarea cols='85' rows='2' id='3793' class='response textbox'>What is your religion?
Do you believe in God?
How much you measure height?</textarea>
    YES: <input type='checkbox' name='yes' value='yes'> &nbsp;&nbsp;&nbsp;
    NO: <input type='checkbox' name='no' value='no'>    </div></td></tr></tbody></table><button type='button' class='save_btn' style='align:right'>Save All</button><br>

这是错误信息：

TypeError：$（...）。live不是函数

$（“。save_btn”）。live（'click'，function（）{

关于为什么的任何想法？

Answer 1

TypeError: $(...).live is not a function

$(".save_btn").live('click', function() {

以上错误是因为.live()使用jQuery

的较新版本已弃用.on()

$(".save_btn").on('click', function() {
 -------------^^^----

Answer 2

.live已弃用.on
哪里是否定义？如果<input type="radio" id="no" />那么您需要$("#no")，但之后您会测试价值而这是没有意义的。
显示一些HTML - 您似乎有多个响应，并且每个都有/是？如果是这样，他们需要被命名才能找到。 ID必须是唯一的

你甚至不需要Ajax：

$(function(){
  $(".save_btn").on('click', function() {
    var check = $("input[name=no]").is(":checked")?2:1;
    // $(this).attr("id") next is the ID of the save button
    location = "response14.php?questionID=" + $(this).attr('id') +
       "&question=" + $(this).val() + "&check="+check;
  });          
});

认真使用

YES: <input type='checkbox' name='yes[]' value='yes'>
NO: <input type='checkbox' name='no[]' value='no'>

然后只提交整个表格!!!

如果你想要ajax（我从你的评论中看到你可能需要它，因为你想发布）试试这个

$(function(){
  $(".save_btn").on('click', function(e) {
    e.preventDefault() // in case you have a submit button
    var check = $("input[name=no]").is(":checked")?2:1;
    $.post("response14.php",{
        "questionID":$(this).attr('id'),
        "question":$(this).val(),
        "check":check
      },function(response) { 
      $("#someOutputDiv").html(response);
    });
  });          
});

$（...）。live不是函数错误，复选框检查错误

2 个答案: